# Component/ListItem

텍스트를 표시하는 기본 리스트입니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `id` | `string` | Yes |  |  |
| `text` | `ReactNode` | Yes |  |  |
| `disabled` | `boolean | undefined` | No |  |  |
| `draggable` | `boolean | undefined` | No | false | 항목을 드래그해서 순서를 바꿀 수 있는 기능 확장 여부 |
| `draggingOverlay` | `boolean | undefined` | No | false | 드래그 오버레이된 항목 여부 |
| `index` | `number | undefined` | No |  | draggable=true이면, index는 필수값이 된다 |
| `isOn` | `boolean | undefined` | No |  | isOn 정의시 토글버튼을 사용한다 (Togglable) |
| `onToggle` | `((isOn: boolean, index?: number | undefined) => void) | undefined` | No |  | isOn 정의시 onToggle은 필수값이 된다 |
| `fixed` | `boolean | undefined` | No |  | fixed 정의시 핀버튼을 사용한다 (Pinnable) |
| `onPin` | `((fixed: boolean, index?: number | undefined) => void) | undefined` | No |  | fixed 정의시 onPin은 필수값이 된다 |