UIChip
An chip component for presents selection and choices
Since: 7.0.0 (6.0.0)
Name | Type | Default | Description |
---|---|---|---|
value |
| Required - Value presented in chip | |
size |
|
| Variations normal|large|small |
type |
|
| Style for the chip. See Available types for variations |
disabled |
|
| Set disabled state for the chip |
selected |
|
| Set selected state for the chip |
avatarComponent |
| UIAvatar component or other VirtualElement | |
thumbnail |
| Deprecated. Use props | |
avatarUrl |
| Url to avatar | |
icon |
| Icon name from style-guide. Example | |
title |
| Title attribute presented on chip | |
tabindex |
|
| Provied tabindex. Use -1 to disable tab navigation |
onRemoveBtnClick |
| Callback function when clicking remove button | |
onClick |
|
Example
type
Available types
The UIChip.props.type
has following variations:
Name |
---|
default |
primary |
draft |
alert |
pending |
warning |
done |
schedule |
brand |