@snack-uikit/button-private

Button Private

Installation

npm i @snack-uikit/button-private

Changelog

ButtonPrivate

Props

name	type	default value	description
labelClassName*	string	-
iconClassName*	string	-
href	string	-	Ссылка
target	HTMLAttributeAnchorTarget	_blank	HTML-аттрибут target
className	string	-	CSS-класс
disabled	boolean	-	Флаг неактивности компонента
icon	ReactElement	-	Иконка
iconPosition	enum IconPosition: "before", "after"	after	Позиция иконки
label	string	-	Текст кнопки
loading	boolean	-	Флаг состояния загрузки
onClick	MouseEventHandler<HTMLElement>	-	Колбек обработки клика
onKeyDown	KeyboardEventHandler<HTMLElement>	-	Колбек обработки нажатия клавиши
onFocus	FocusEventHandler<HTMLButtonElement | HTMLAnchorElement>	-	Колбек обработки фокуса
onBlur	FocusEventHandler<HTMLButtonElement | HTMLAnchorElement>	-	Колбек обработки блюра
size	enum Size: "xs", "s", "m", "l"	-	Размер
appearance	enum Appearance: "primary", "neutral", "destructive"	primary	Внешний вид кнопки
type	"submit" | "reset" | "button"	button	HTML-аттрибут type
tabIndex	number	-	HTML-аттрибут tab-index
fullWidth	boolean	-	Сделать кнопку во всю ширину
counter	CounterInButtonProps	-	Пропсы каунтера в кнопке
ref	LegacyRef<HTMLButtonElement | HTMLAnchorElement>	-	Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}
key	Key	-

extractCounterButtonProps

Props

name	type	default value	description
counter	CounterInButtonProps	-	Пропсы каунтера в кнопке

extractCommonButtonProps

Props

name	type	default value	description
href	string	-	Ссылка
target	HTMLAttributeAnchorTarget	-	HTML-аттрибут target
className	string	-	CSS-класс
disabled	boolean	-	Флаг неактивности компонента
icon	ReactElement	-	Иконка
iconPosition	enum IconPosition: "before", "after"	-	Позиция иконки
label	string	-	Текст кнопки
loading	boolean	-	Флаг состояния загрузки
onClick	MouseEventHandler<HTMLElement>	-	Колбек обработки клика
onKeyDown	KeyboardEventHandler<HTMLElement>	-	Колбек обработки нажатия клавиши
onFocus	FocusEventHandler<HTMLButtonElement | HTMLAnchorElement>	-	Колбек обработки фокуса
onBlur	FocusEventHandler<HTMLButtonElement | HTMLAnchorElement>	-	Колбек обработки блюра
size	enum Size: "xs", "s", "m", "l"	-	Размер
appearance	enum Appearance: "primary", "neutral", "destructive"	-	Внешний вид кнопки
type	"submit" | "reset" | "button"	-	HTML-аттрибут type
tabIndex	number	-	HTML-аттрибут tab-index
fullWidth	boolean	-	Сделать кнопку во всю ширину