PathLogs UI
English

Компоненты

Button

Кнопка с вариантами, размерами и состоянием загрузки.

Кнопка с вариантами оформления, размерами, иконкой и состоянием загрузки. Всё остальное — обычные атрибуты <button>.

Варианты

Размеры

Загрузка

loading показывает крутилку, блокирует кнопку и проставляет aria-busy. Подпись при этом лучше менять на глагол несовершенного вида — «Сохраняем» вместо «Сохранить»:

Крутилка наследует цвет текста, поэтому одинаково читается на всех вариантах — своего цвета ей не нужно.

Пропсы

variant"primary" | "secondary" | "ghost" | "danger" | "gradient"

по умолчанию: "secondary"

Оформление.

size"sm" | "md" | "lg"

по умолчанию: "md"

Размер.

loadingboolean

по умолчанию: false

Крутилка вместо иконки, кнопка заблокирована.

iconReactNode

Иконка слева от подписи.

blockboolean

по умолчанию: false

Занять всю ширину контейнера.

ButtonHTMLAttributes

Всё остальное уходит на <button>: onClick, disabled, form, aria-*.

Компонент пробрасывает ref — его можно сфокусировать программно или передать в свою логику позиционирования.