Skip to content

Latest commit

 

History

History
80 lines (55 loc) · 1.36 KB

README.md

File metadata and controls

80 lines (55 loc) · 1.36 KB

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

  1. 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:

Branded Button

Utility Icon JSX code:

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

Result:

Utility Icon