| 1 | # Elementary Components
|
| 2 |
|
| 3 | _Components you can use ruthlessly in your everyday React Projects._
|
| 4 |
|
| 5 | [Read Docs](https://rajatsharma.github.io/elementary-docs/)
|
| 6 |
|
| 7 | ## Getting Started
|
| 8 |
|
| 9 | ```bash
|
| 10 | # install components
|
| 11 | $ yarn add @elementary/components
|
| 12 | ```
|
| 13 |
|
| 14 | #### Use in your Projects
|
| 15 |
|
| 16 | ```js
|
| 17 | // include in your file
|
| 18 | import { Button, Row, Text } from '@elementary/components'
|
| 19 |
|
| 20 | const Social = () => <Row>
|
| 21 | <Button color='white' bg='blue'>Facebook</Button>
|
| 22 | <Button color='white' bg='red'>Pinterest</Button>
|
| 23 | <Button color='white' bg='green'>Medium</Button>
|
| 24 | </Row>
|
| 25 |
|
| 26 | const AwesomeText = () => <Text letterSpacing='2px' f='18px' tt='uppercase'>Awesome</Text>
|
| 27 |
|
| 28 | const WithHoverStyles = () => <Text color='burlywood' hover={{ color: 'cadetblue', letterSpacing: '22px' }}>Hover Me!</Text>)
|
| 29 | ```
|