API компонента Button

Импорт

import-button.ts

import { NuiButton } from '@needless-ui/angular/button';

NuiButton

Стилизует нативный <button> или <a> как кнопку.

Селектор: button[nuiButton], a[nuiButton]
Экспортируется как: nuiButton

NuiButton: Свойства
Имя	Тип	По умолчанию	Описание
`variant`Input	`'solid' \| 'soft' \| 'outline' \| 'ghost'`	`'solid'`	Стиль заливки: `solid`, `soft`, `outline` или `ghost`.
`tone`Input	`'accent' \| 'neutral' \| 'danger'`	`'accent'`	Цветовая палитра: `accent`, `neutral` или `danger`.
`size`Input	`'sm' \| 'md' \| 'lg'`	`'md'`	Высота, внутренние отступы и размер шрифта: `sm`, `md` или `lg`.
`disabled`Input	`boolean`	`false`	Отключает кнопку. У ссылок устанавливает `aria-disabled` и блокирует активацию.
`motion`Input	`NuiMotion`		Пружина, задающая движение компонента: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` или `none`.
`spring`Input	`NuiSpring`		Произвольная пружина в виде `{ stiffness, damping, mass }`, которая компилируется в CSS во время выполнения. Переопределяет `motion`.
`press`Input	`NuiPress`		Что делает компонент, пока его удерживают нажатым: `sink`, `squish`, `pop`, `wobble`, `rubber`, `tilt` или `none`.
`corners`Input	`NuiCorners`		Форма углов: `round`, `squircle`, `bevel`, `scoop`, `notch` или `square`.
`radius`Input	`NuiRadius`		Радиус скругления углов: `none`, `small`, `medium`, `large` или `full`.
`density`Input	`NuiDensity`		Сколько места занимает компонент: `compact`, `regular` или `roomy`.

Если входное свойство настройки не задано, компонент берёт его значение из ближайшего атрибута data-nui-*. Подробнее — в руководстве по настройке.