@blaze-react/chips v0.7.0
Description
React chips are small blocks of information. They are most commonly used for contacts, tags, selecting an option, filtering content, etc.
Usage
<Chips
modifiers={[
Chips.availableModifiers.parent.deletable,
Chips.availableModifiers.parent.small
]}
>
<Chips.Avatar>
<Avatar username="Lorem Ipsum" modifier="x-small" />
</Chips.Avatar>
<Chips.Label>Primary deletable chip</Chips.Label>
<Chips.Icon modifier={Chips.availableModifiers.icon.delete}>
<i className="material-icons">delete</i>
</Chips.Icon>
</Chips>
API
Chips can receive a number of props
as follow:
NAME | TYPE | DEFAULT | OPTIONS |
---|---|---|---|
modifiers | Array of string | primary | deletable, outlined, secondary, small, primary |
action | Function | () => {} | |
children | single/array of nodes | empty |
7 months ago
7 months ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago