0.1.6 • Published 4 years ago
@ccrash/react-native-atoms v0.1.6
@ccrash/react-native-atoms
A collection of ready to use Atoms for atomic design projects in React Native
Getting Started
Installing
npm install @ccrash/react-native-atoms
or
yarn add @ccrash/react-native-atoms
Basic Usage
import { Text } from '@ccrash/react-native-atoms'
export const HelloWorld = () => {
return (
<Text style={{fontSize: 14}}>Hello World</Text>
)
}
Versioning
Component | React | React Native |
---|---|---|
>= 0.1.0 | >= 16.9.0 | >= 0.61.0 |
Atoms included in the module
- Avatar - An image/name based round/squared avatar element
- Badge - A notification indicator
- Button - A button element based on TouchableOpacity
- CollapsableView - A simple window with title and cross to close on corner
- Icon - Icon element
- Image - Simple image element
- Logo - An image/text based logo
- Modal - Modal view element that closes clicking outside
- RadioButton - A radio button element
- Slider - Slider elemnt redefinition
- Switch - Simple switch element redefinition
- Text - A simple text element redefined
- ToggleButton - A toggle button that changes its state on click
- ToggleIcon - A toggle icon that changes its state on click
- View - Simple view redefinition