Skip to main content

Chip

Examples#

chip×
<Chip>chip</Chip>

Capitalized#

Make the first letter of chip text capital by adding capitalize

chip×
<Chip capitalize >chip</Chip>

Front Content#

Add an extra content in front of the chip by frontContent prop.

chip×
<Chip frontContent={<Icon icon='envelope-alt' />} >chip</Chip>

API#

import Chip from "erxes-ui/lib/components/Chip";

* required prop

NameTypeDefaultDescription
capitalizebooleanfalseMake the first letter of chip text capital
onClick*functionDefine click handler for cancel icon
children*React.ReactNodeShows chip text
frontContentstringAdd an extra content in front of the chip
Last updated on by enkhzule