# Component/Button/TextButton

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `kind` | `undefined "link" "text"` | No | 'text' as TextButtonKind |  |
| `loading` | `boolean | undefined` | No | false |  |
| `underline` | `boolean | undefined` | No | false |  |
| `size` | `undefined "medium" "small" "large"` | No | medium |  |
| `color` | `string | undefined` | No | kind='text'
semantic_colors.content.primary
kind='link'
semantic_colors.accent.primary |  |
| `type` | `undefined "submit" "reset" "button"` | No | button |  |
| `fill` | `boolean | undefined` | No |  |  |
| `startIcon` | `ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined` | No |  | 버튼 좌측 영역에 렌더링 될 아이콘 요소  - Icon 컴포넌트 color props가 있더라도 kind 따라 currentColor가 지정됩니다.  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 ButtonSize에 따라 고정됩니다. |
| `endIcon` | `ReactElement<IconProps, string | JSXElementConstructor<any>> | undefined` | No |  | 버튼 우측 영역에 렌더링 될 아이콘 요소  - Icon 컴포넌트 color props가 있더라도 kind 따라 currentColor가 지정됩니다.  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 ButtonSize에 따라 고정됩니다. |
| `asChild` | `boolean | undefined` | No | false | true로 설정 시, 기본 DOM 요소를 렌더링하지 않고 자식 컴포넌트에 props와 동작을 전달합니다.  reference: https://www.radix-ui.com/primitives/docs/guides/composition |
