Skip to content

ButtonSimple

Простые кнопки без текста.

Использование

HTML, Vue, Angular

html
<ds-button-simple color="fightclub" text="Текст кнопки!"></ds-button-simple>

React

js
<ButtonSimple color="fightclub" text="Текст кнопки!"></ButtonSimple>

API

Props

NameTypeDescriptionDefault
tokenString: ['primary', 'secondary', 'light', 'transparent']Основной "тип" оформления кнопки, четыре возможных значения'primary'
sizeString: ['monithei', 'larishae', 'spelino']Размер кнопки'monithei'
colorenum Colors: ['rocky', 'matrix', 'lebowski', 'fargo', 'fightclub', 'gentlemen', 'aquaman', 'harakiri']Токен цвета кнопки, работает только для 'primary' и 'transparent''rocky'
iconStringИия иконки (без '_16' в конце)'location'
roundedBooleanСкругленная кнопка?false
disabledBooleanНеактивная, "выключенная" кнопка?false
_disabledundefined, String: ['true', 'false']Дублирующий литеральный атбрибутundefined

Примеры проектов

React

Angular

Vue