Chips

Chips component.

Default

<Chips text={"text here"}/>

Chips is defined by UI/UX in styleguide : https://app.zeplin.io/styleguide/

Exemples

Checked

<div style={{ height:'50px', border : '2px solid', margin : '5px', padding : '2px',display : 'flex' }}>
  <Chips text={"text here"} isClosable/>
</div>
<div style={{ height:'20px', border : '2px solid', margin : '5px', padding : '2px', display : 'flex' }}>
  <Chips text={"one"} /><Chips text={"two"}/><Chips text={"three"} isClosable/>
</div>

text here

one

two

three

Props

Name	Type	Required	Default	Description
text	string	No	''	Size of checkbox
isClosable	bool	No	false	Display close on chips