UNPKG

@roo-ui/components

Version:

33 lines (22 loc) 1.07 kB
# Button <!-- STORY --> ## Installation ```shell $ yarn add @roo-ui/components ``` ## Example ```js import { Button } from '@roo-ui/components'; export default ( <Button>Hello world</Button> ); ``` ## Properties | Name | Description | Type | Default | Required? | |:-----------|:---------------------------|:-------|:--------|:----------| | `primary` | use the primary color | `bool` | false | - | | `rounded` | use a rounded border | `bool` | false | - | | `block` | render a full width button | `bool` | false | - | | `disabled` | disable the button | `bool` | false | - | ## Customization This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for [space](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#space-responsive), [color](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#color-responsive), or [box shadow](https://github.com/jxnblk/styled-system/blob/v2.2.5/README.md#misc).