@ehfuse/mui-form-controls 1.0.0 → 1.2.2

package/README.md

@@ -19,6 +19,20 @@ MUI 기반 폼 컨트롤과 텍스트 필드 컴포넌트 모음
 | **DateTextField**             | 달력 팝업, 다양한 날짜 포맷, 공휴일 표시 지원 날짜 필드          | [API](./docs/ko/api.md#datetextfield)             |
 | **TimeTextField**             | 시간 입력 필드 (자동 포맷팅, 시간 범위 제한)                     | [API](./docs/ko/api.md#timetextfield)             |
 
+## 폼 컨트롤 (Form Controls)
+
+| 컴포넌트         | 설명                                                      | 문서                                 |
+| ---------------- | --------------------------------------------------------- | ------------------------------------ |
+| **Select**       | MUI Select 기반 선택 필드 (라벨 미포함)                   | [API](./docs/ko/api.md#select)       |
+| **LabelSelect**  | MUI Select 기반 선택 필드 (InputLabel, 포커스 기반 notch) | [API](./docs/ko/api.md#labelselect)  |
+| **Autocomplete** | 자동완성 기능이 있는 선택 필드                            | [API](./docs/ko/api.md#autocomplete) |
+| **Checkbox**     | MUI Checkbox 래퍼 (폼 통합)                               | [API](./docs/ko/api.md#checkbox)     |
+| **RadioGroup**   | MUI RadioGroup 래퍼 (폼 통합)                             | [API](./docs/ko/api.md#radiogroup)   |
+| **Switch**       | MUI Switch 래퍼 (폼 통합)                                 | [API](./docs/ko/api.md#switch)       |
+| **Slider**       | MUI Slider 래퍼 (폼 통합)                                 | [API](./docs/ko/api.md#slider)       |
+| **DateRange**    | 날짜 범위 선택 필드 (시작일, 종료일)                      | [API](./docs/ko/api.md#daterange)    |
+| **TextArea**     | 여러 줄 텍스트 입력 필드                                  | [API](./docs/ko/api.md#textarea)     |
+
 ## 훅 (Hooks)
 
 | 훅                         | 설명                                                | 문서                                           |
@@ -62,6 +76,15 @@ import {
   VerificationCodeTextField,
   DateTextField,
   TimeTextField,
+  Select,
+  LabelSelect,
+  Autocomplete,
+  Checkbox,
+  RadioGroup,
+  Switch,
+  Slider,
+  DateRange,
+  TextArea,
   useKoreanHolidays,
   useKoreanHolidaysRange,
 } from '@ehfuse/mui-form-controls';
@@ -157,6 +180,56 @@ import {
   minTime="09:00"
   maxTime="18:00"
 />
+
+// 선택 필드 (라벨 없음)
+<Select
+  name="status"
+  form={form}
+  options={[
+    { value: 'active', label: '활성' },
+    { value: 'inactive', label: '비활성' },
+  ]}
+  emptyLabel="상태 선택"
+/>
+
+// 선택 필드 (라벨 포함)
+<LabelSelect
+  name="category"
+  label="카테고리"
+  form={form}
+  options={[
+    { value: 'a', label: 'A' },
+    { value: 'b', label: 'B' },
+  ]}
+/>
+
+// 자동완성 필드
+<Autocomplete
+  name="department"
+  label="부서"
+  form={form}
+  options={[
+    { value: 'dev', label: '개발' },
+    { value: 'design', label: '디자인' },
+  ]}
+/>
+
+// 날짜 범위
+<DateRange
+  form={form}
+  startName="startDate"
+  endName="endDate"
+  startLabel="시작일"
+  endLabel="종료일"
+/>
+
+// 텍스트 에어리어
+<TextArea
+  name="memo"
+  label="메모"
+  form={form}
+  minRows={4}
+/>
 ```
 
 ## 문서 / Documentation