peppermints / teaset

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Teaset

🇨🇳中文完整文档版

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Installation

npm install --save teaset

Example

In the Teaset package directory:

cd example
npm install

To run example on iOS:

react-native run-ios

To run example on Android:

react-native run-android

Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

iPhoneX

Add the following code to support iPhoneX

Theme.set ({fitIPhoneX: true});

** Note: This option is false by default, don't open it if SafeAreaView is used. **

Documentation

The document is being written, please refer to the example source code.

Translation project

Screenshots

Components

Theme

Label

Button

Checkbox

Input

Select

Stepper

SearchInput

Badge

Popover

NavigationBar

ListRow

Carousel

Projector

SegmentedBar

SegmentedView

TabView

TransformView

AlbumView

Wheel

Overlay

Toast

ActionSheet

ActionPopover

PullPicker

PopoverPicker

Menu

Drawer

ModalIndicator

License

MIT