IconButton

Кнопки могут отображаться в нескольких размерах и цветах, могут содержать иконку.

IconButton

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

Компонент IconButton может содержать иконку, которая указывается напрямую через children.

Live Editor

Result

Примеры

Размер кнопки

Размер кнопки задается с помощью свойства size.

Live Editor

Result

Вид кнопки

Вид кнопки задается с помощью свойства view.

Возможные значения свойства view:

  • "accent" – по умолчанию;
  • "secondary" – вторичная;
  • "clear" – без цветового сопровождения;
Live Editor

Result

Границы кнопки

Границы кнопки задаются с помощью свойства pin. Возможные значения свойства pin:

  • square – обычное скругление;
  • circle – сильное скругление;
  • clear – нет скругления.
Live Editor

Result