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