@jdesignlab/button NPM

Button

사용자의 클릭으로 특정 동작을 실행하는데 사용됩니다. 다양한 액션을 트리거하거나, 사용자에게 여러 선택지를 제공하는 등 다양한 용도로 사용될 수 있습니다.

<Button>버튼</Button>

Property	Allow Types	Description	Default
onClick	`() => void`	버튼 클릭 시 이벤트를 이벤트를 호출합니다.	`undefined`
variant	`solid` `outline` `ghost` `link` `unstyled`	버튼의 시각적 요소를 변경하여 다양한 버튼 디자인을 제공합니다.	`solid`
size	`sm` `md` `lg` `xl`	버튼의 크기를 조절합니다.	`md`
disabled	`boolean`	버튼을 비활성화합니다.	`false`
color	`ColorToken`	버튼의 색상을 지정합니다.	`primary-500`
full	`boolean`	버튼의 너비를 부모요소의 전체 너비만큼 확장합니다.	`false`
icon	`React.ReactElement`	버튼 좌측에 아이콘을 삽입합니다.	`undefined`
as	`React.ElementType`	html 태그를 별도로 지정해줍니다.	`button`