react.force.base.theme

React Native components (iOS/Android) for Salesforce Basic UI Theme.

Attention: This is an experimental project published under ForceDotComLabs:

1. work in progress
2. we need your feedback

Component List:

1. Badge
2. Buttons
3. Base 1. Brand 2. Neutral
4. Icons
5. Action
6. Custom
7. Standard
8. Utility
9. InputReadonly
10. Menus
11. ActionListItem
12. Page
13. PageHeader
14. Text
15. Tiles
16. Base
17. List

Setup

1. add to an existing React Native project:

npm install https://github.com/forcedotcomlabs/react.force.base.theme.git --save

2. link the library:

react-native link

Usage

Import statement:

import Theme from 'react.force.base.theme';

Button Brand JSX code:

<Theme.Buttons.Base.Brand 
  label="Button Brand" 
  onPress={()=>{
    alert('Clicked!')
  }} />

Result:

Utility Icon JSX code:

<Theme.Icons.Utility name="like" />

Result: