Button

Кнопки позволяют пользователям выполнять действия и делать выбор одним нажатием. Является <button> или <a> элементом с ripple эффектом от Material Design.

Base Button#

Base

Size#

Размер компонента изменяется через свойство size.

Size

Variant#

Варианты кнопки text, contained, outlined.

Variant

Color#

Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.

Color

IconButton#

IconButton чтобы сделать из иконки кнопку.

IconButton

Round#

Round

StartIcon и EndIcon#

Свойства StartIcon и EndIcon это контейнеры для размещения node элементов, таких как Icons и д.р.

StartIconAndEndIcon

Uppercase#

Если uppercase={false}, выключить верхний регистр текста.

Uppercase

LevelShadow#

Если elevation={false}, убрать тень если есть.

Elevation

Loading#

Loader будет занимать место текста. Если есть startIcon то Loader займет только его место.

API#

Name	Type	Default	Description
children	node		Это контент между открывающим и закрывающим тегом компонента.
classes	object		Объект содержит jss стили компонента.
className	string		Чтобы указать CSS классы, используйте этот атрибут.
component	elementType	'button'	Корневой узел. Это HTML элемент или компонент.
color	string	'default'	Название цвета в разных форматах.
size	'small', 'medium', 'large', 'extra'	'medium'	Размер компонента.
uppercase	bool	true	Регистр текста.
variant	'text', 'outlined', 'contained'	'text'	Варианты кнопки.
round	bool	false	Круглые края кнопки.
elevation	bool	true	Отображение уровня высоты(тени) у кнопки.
loading	bool	false	Статус загрузки.
startIcon	node		Контейнер элементов в начале.
endIcon	node		Контейнер элементов в конце.