@snack-uikit/tag
v0.9.2
Published
## Installation `npm i @snack-uikit/tag`
Downloads
1,096
Readme
Tag
Installation
npm i @snack-uikit/tag
Tag
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| label* | string
| - | Текст |
| size | enum Size: "xs"
, "s"
| xs | Размер |
| appearance | enum Appearance: "neutral"
, "primary"
, "red"
, "orange"
, "yellow"
, "green"
, "blue"
, "violet"
, "pink"
| neutral | Внешний вид |
| onDelete | MouseEventHandler<HTMLButtonElement>
| - | Коллбэк на удаление |
| className | string
| - | CSS-класс |
| tabIndex | number
| - | tabIndex кнопки удаления |
TagRow
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| items* | TagRowItem[]
| - | Массив тэгов |
| rowLimit | number
| - | Лимит количества рядов тэгов. При достижении лимита тэги скрываются под кнопкой. Отсутствие лимита или значение равное нулю отобразит весь список |
| size | enum Size: "xs"
, "s"
| - | Размер |
| moreButtonLabel | string
| - | Текст кнопки, при наведении на которую отображается список скрытых тэгов |
| className | string
| - | CSS-класс |
| onItemRemove | (item: string) => void
| - | Коллбэк на клик по удалению тэга |