# SChip

> 자동 생성 문서 — `npm run docs:gen`. 소스: 각 컴포넌트의 Props/Handle 인터페이스 + import 의존성.

### SChip

#### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `name?` | `string` | — | 폼 연동용 name |
| `value?` | `string` | `''` | 칩 텍스트 값 |
| `error?` | `boolean` | — | 에러 상태 |
| `disabled?` | `boolean` | `false` | 비활성 |
| `editable?` | `boolean` | `false` | 인라인 편집 가능 (기본값 false) |
| `showRemove?` | `boolean` | `true` | 닫기 버튼 표시 |
| `placeholder?` | `string` | `''` | 편집 중 placeholder |
| `rules?` | `Rule[]` | — | 유효성 규칙 |
| `className?` | `string` | — |  |
| `style?` | `CSSProperties` | — |  |

#### Events

| Event | Type | Description |
|-------|------|-------------|
| `onValueChange` | `(value: string) => void` | 편집 완료 (sdUpdate) |
| `onRemove` | `() => void` | 삭제 (sdRemove) |
| `onFocus` | `() => void` | 편집 진입 (sdFocus) |
| `onBlur` | `() => void` | 편집 이탈 (sdBlur) |

#### Methods (ref)

| Method | Type | Description |
|--------|------|-------------|
| `focus` | `() => void` | 편집 input에 포커스합니다. |
| `getNativeElement` | `() => HTMLElement \| null` | 네이티브 편집 엘리먼트를 반환합니다. |

## Dependencies

### Used by

 - [SChipInput](../SChipInput)
 - [SFilePicker](../SFilePicker)

### Depends on

- [SGhostButton](../SGhostButton)

### Graph

```mermaid
graph TD;
  SChip --> SGhostButton
  SChipInput --> SChip
  SFilePicker --> SChip
  style SChip fill:#f9f,stroke:#333,stroke-width:4px
```