Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thanhtunguet/react-native-atomic-styles
Atomic styles for React Native using SCSS
https://github.com/thanhtunguet/react-native-atomic-styles
Last synced: 23 days ago
JSON representation
Atomic styles for React Native using SCSS
- Host: GitHub
- URL: https://github.com/thanhtunguet/react-native-atomic-styles
- Owner: thanhtunguet
- License: mit
- Created: 2021-07-27T10:01:05.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-05T10:22:57.000Z (over 2 years ago)
- Last Synced: 2024-04-26T15:46:36.086Z (8 months ago)
- Language: SCSS
- Size: 522 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-atomic-styles
Atomic styles for React Native projects, inspired by [Bootstrap](https://getbootstrap.com/)
# Installation
```sh
yarn add react-native-atomic-styles
```
# Usage
```tsx
import React from 'react';
import atomicStyles from 'react-native-atomic-styles';
function ExampleComponent() {
return (
<>
>
);
}
export default ExampleComponent;
```
# Atomic styles
- Background color
- Border
- Button
- Flexbox
- Spacing for margin, padding
- Text
- Typography
- Viewbox
# Atomic colors
Sync enum `Colors` from scss `colors` map
```
Usage: atomic-colors [options] [output]
Options:
-V, --version output the version number
-t, --timeout Timeout (default: 3000)
-h, --help display help for command
```