Essence Chip - Chip component
How to use
Options:
- data: object with properties:
- name: string for input name, default: chip
- text: string or html or component
- icon: string or image url
- deletable: boolean ( true or false ) - default: false
- onClose: callback for on closing chip component
- iconColor: string from the Colors list
NOTE: use the example below to customize your own chips
; var redbullChip = name: 'redbullChip' text: <strong>Redbull</strong> <span> interest</span> icon: 'R' deletable: true onClose: { console; } var goproChip = name: 'goproChip' text: <strong>GoPRO</strong> <span> interest</span> icon: 'G' deletable: true onClose: { console; } Component { superprops; thisstate = classes: ; } { return <Chip ...thisprops /> ; }; <Block> <ChipTest data=redbullChip iconColor='e-background-indigo-400' /> <ChipTest data=goproChip /></Block>