tailwind

버튼 출력하기

테그

컴포넌트 테그와 속성을 통하여 다양한 형태의 버튼을 출력할 수 있습니다.

<x-button size="large" color="primary">Hello</x-button>
<x-button-light size="large" color="primary">Hello</x-button-light>
<x-button-outline size="large" color="primary">Hello</x-button-outline>

사이즈 속성

size속성을 통하여 버튼의 크기를 변경할 수 있습니다. 지원하는 크기값은 다음과 같습니다.

색상 속성

color 속성값을 통하여 버튼의 색을 변경할 수 있습니다. 지원하는 칼라는 다음과 같습니다.