@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 | Кнопка зажата | | 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 | Иконка находится справа от текста |