IconButton

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

IconButton​

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

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

Live Editor
Result
Open in CodeSandbox

Примеры​

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

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

Live Editor
Result
Open in CodeSandbox

Вид кнопки​

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

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

  • "default" – по умолчанию;
  • "accent" – акцентная;
  • "secondary" – вторичная;
  • "clear" – без цветового сопровождения.
  • "success" – успешное завершение;
  • "warning" – предупреждение;
  • "critical" – ошибка;
  • "dark" – темная;
  • "black" – черная;
  • "white" – белая.
Live Editor
Result
Open in CodeSandbox

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

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

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