@n3/react-button

Button component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactButton from 'https://cdn.skypack.dev/@n3/react-button';
</script>

README

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