@n3/react-button NPM

@n3/react-button

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

import Button, {
  buttonColors,
  buttonSizes,
  ButtonIcon,
} from '@n3/react-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`	Кнопка зажата
flatLeft	bool	`false`	Не отображать закругления слева
flatRight	bool	`false`	Не отображать закругления справа
onlyIcon	bool	`false`	Кнопка состоит только из иконки
className	string	`''`	Дополнительный класс корневого компонента кнопки
onClick	func	`Function.prototype`	Обработчик нажатия на кнопку
children	node	`null`

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

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

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

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago