@hixme-ui/button
v2.2.0
Published
hixme-ui Button component
Downloads
287
Readme
Button
npm i --save @hixme-ui/button
Usage
import { Button, OutlineButton } from '@hixme-ui/button'
<Button mini blue>I am small and blue</Button>
<OutlineButton jumbo green>Do it</OutlineButton>
Button Props
| Name | Type | Default | | --------------- | ----------- | -------------- | | mini | boolean | false | | small | boolean | false | | large | boolean | false | | jumbo | boolean | false | | primary | boolean | false | | secondary | boolean | false | | red | boolean | false | | blue | boolean | false | | gold | boolean | false | | disabled | boolean | false | | block | boolean | false | | split | boolean | false | | menu | boolean | false | | loading | boolean | false |
OutlineButton Props
| Name | Type | Default | | --------------- | ----------- | -------------- | | mini | boolean | false | | small | boolean | false | | large | boolean | false | | jumbo | boolean | false | | primary | boolean | false | | success | boolean | false | | warning | boolean | false | | error | boolean | false | | muted | boolean | false | | white | boolean | false | | black | boolean | false | | red | boolean | false | | blue | boolean | false | | purple | boolean | false | | yellow | boolean | false | | green | boolean | false | | light | boolean | false | | lighter | boolean | false | | lightest | boolean | false | | disabled | boolean | false | | block | boolean | false |