ButtonNavigation
Интерактивный текст для навигации.
Использование
Вы можете передать максимальную ширину текстового контента кнопки через про width, по которой он будет "обрезан с многоточием при превышении".
HTML, Vue, Angular
html
<ds-button-navigation icon="selected" text="Текст кнопки!"></ds-button-navigation>React
js
<ButtonNavigation icon="selected" text="Текст кнопки!"></ButtonNavigation>API
Props
| Name | Type | Description | Default |
|---|---|---|---|
| size | String: ['gouda', 'cheddar', 'camembert', 'ricotta', 'burrata', 'taleggio', 'sulguni', 'briscola'] | Токен размера кнопки | 'gouda' |
| color | enum Colors: ['harakiri', 'troy', 'metropolis', 'rocky', 'matrix', 'lebowski', 'fargo', 'fightclub', 'gentlemen', 'aquaman'] | Токен цвета кнопки | 'harakiri' |
| icon | String | Иия иконки слева (без '_SIZE' в конце) | '' |
| text | String | Текст кнопки | '' |
| width | Number | Максимальная ширина текста кнопки, при ее превышении - будет "обрезан с многоточием" по ней | 0 |
| disabled | Boolean | Неактивная, "выключенная" кнопка? | false |
| _disabled | undefined, String: ['true', 'false'] | Дублирующий литеральный атбрибут | undefined |
Events
| Name | Description |
|---|---|
| input | Событие на изменение ввода |