가져오기
import { NuiButton } from '@needless-ui/angular/button';NuiButton
네이티브 <button> 또는 <a>에 버튼 스타일을 적용합니다.
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
variant입력 | 'solid' | 'soft' | 'outline' | 'ghost' | 'solid' | 채우기 스타일: solid, soft, outline, ghost 중 하나. |
tone입력 | 'accent' | 'neutral' | 'danger' | 'accent' | 색상 팔레트: accent, neutral, danger 중 하나. |
size입력 | 'sm' | 'md' | 'lg' | 'md' | 높이, 패딩, 글꼴 크기: sm, md, lg 중 하나. |
disabled입력 | boolean | false | 버튼을 비활성화합니다. a 요소에서는 aria-disabled를 설정하고 실행을 차단합니다. |
motion입력 | NuiMotion | 움직일 때 사용하는 스프링: snappy, bouncy, jelly, elastic, lazy, mechanical, none 중 하나. | |
spring입력 | NuiSpring | 임의의 스프링을 { stiffness, damping, mass } 형식으로 지정하며, 런타임에 CSS로 컴파일됩니다. motion보다 우선합니다. | |
press입력 | NuiPress | 누르고 있는 동안의 동작: sink, squish, pop, wobble, rubber, tilt, none 중 하나. | |
corners입력 | NuiCorners | 모서리 모양: round, squircle, bevel, scoop, notch, square 중 하나. | |
radius입력 | NuiRadius | 모서리 크기: none, small, medium, large, full 중 하나. | |
density입력 | NuiDensity | 차지하는 공간: compact, regular, roomy 중 하나. |
설정하지 않은 커스터마이징 입력은 가장 가까운 data-nui-* 속성을 따릅니다. 자세한 내용은 커스터마이징 가이드를 참고하시기 바랍니다.