@n3/react-button

@n3/react-button

Компонент кнопки для приложений на базе @n3/kit.

import Button, {
  buttonColors,
  buttonSizes,
  ButtonIcon,
} from '@n3/react-button';

Props

Button

Название	Обязательность	Тип	Значение по умолчанию	Описание
color		enum - buttonColors.DEFAULT - buttonColors.PRIMARY - buttonColors.TERTIARY - buttonColors.DANGER	buttonColors.DEFAULT	Цвет кнопки
size		enum - buttonSizes.DEFAULT - buttonSizes.SMALL	buttonSizes.DEFAULT	Размер кнопки
component		elementType	'button'	Компонент корневого элемента кнопки
componentProps		object	{}	Дополнительный props компонента кнопки при использовании кастомного component
loading		bool	false	Состояние загрузки
disabled		bool	false	Кнопка выключена
pressed		bool	false	Кнопка зажата
setDisabledProp		bool	true	Передать ли disabled отрендеренному компоненту кнопки
flatLeft		bool	false	Не отображать закругления слева
flatRight		bool	false	Не отображать закругления справа
onlyIcon		bool	false	Кнопка состоит только из иконки
className		string	''	Дополнительный класс корневого компонента кнопки
onClick		func	Function.prototype	Обработчик нажатия на кнопку
children		node	null

ButtonIcon

Компонент для выравнивания иконок относительно границ и текста кнопки.

<Button>
  Скачать
  <ButtonIcon
    isRight
  >
    <i className="fa fa-download" />
  </ButtonIcon>
</Button>

Название	Обязательность	Тип	Значение по умолчанию	Описание
isLeft		bool	false	Иконка находится слева от текста
isRight		bool	false	Иконка находится справа от текста