@getfly-ui/chip
v0.0.8
Published
Chip for getfly UI
Downloads
33
Readme
Chip component
How to use
import { Chip } from '@getfly-ui/chip';OR
import { Chip } from 'getfly-ui';Props
Chip
| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| preset | enum | medium | Preset chip |
| type | enum | tag | Type chip |
| useMergeClass | boolean or undefined | true | @description merge className |
| backgroundColorTheme | enum | | Color theme background |
| backgroundColor | string or undefined | | Color background |
| borderColorTheme | enum | | Border color theme |
| borderColor | string or undefined | | Border color |
| iconLeft | enum | | Icon left |
| iconLeftColorTheme | enum | | Icon left color theme |
| iconLeftColor | string or undefined | | Icon left color |
| iconLeftSize | number or undefined | 16 | Icon left size |
| imageSource | string or undefined | | Image source |
| imageSize | number or undefined | 16 | Image size |
| label | string or undefined | | Label text |
| labelColorTheme | enum | | Label color theme |
| labelColor | string or undefined | | Label color |
| iconRight | enum | | Icon right |
| iconRightColorTheme | enum | | Icon right color theme |
| iconRightColor | string or undefined | | Icon right color |
| iconRightSize | number or undefined | 16 | Icon right size |
| notify | number or undefined | | Notify number |
| notifyColorTheme | enum | cerulean-700 | Notify Color theme |
| notifyColor | string or undefined | | Notify Color |
| notifyTextColorTheme | enum | white | Notify Text Color theme |
| notifyTextColor | string or undefined | | Notify Text Color |
| disabled | boolean or undefined | false | Disabled |