> For the complete documentation index, see [llms.txt](https://sjsofttech.gitbook.io/nextjs-framework/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sjsofttech.gitbook.io/nextjs-framework/components-ui/formasset.md).

# FormAsset

<figure><img src="https://3212561211-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FojaIWzOttDuV549cYsPQ%2Fuploads%2FREjAV4Vl27QLxYwyYmQs%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-04-02%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.31.48.png?alt=media&amp;token=e576a4a4-3598-4ac0-8a05-d63be4c9d924" alt=""><figcaption></figcaption></figure>

### 1. FormAssetHelperMessage

### Props

<table><thead><tr><th width="210">Prop</th><th width="164">Type</th><th width="108">Default</th><th>Description</th></tr></thead><tbody><tr><td>variant</td><td>'default' | 'error' | 'success'</td><td>'default'</td><td>타입</td></tr><tr><td>size</td><td>'small' | 'medium'</td><td>'small'</td><td>사이즈</td></tr><tr><td>text</td><td>string</td><td>-</td><td>메세지 내용</td></tr></tbody></table>

### Usage

```typescript
<FormAssetHelperMessage
  variant={'error'}
  size={'medium'}
  text={'보조 메시지 영역'}
/>
```

### 2. FormAssetLabel

### Props

<table><thead><tr><th width="210">Prop</th><th width="164">Type</th><th width="108">Default</th><th>Description</th></tr></thead><tbody><tr><td>size</td><td>'default' | 'small'</td><td>'default'</td><td>사이즈</td></tr><tr><td>label</td><td>string</td><td>-</td><td>라벨 텍스트</td></tr><tr><td>required</td><td>boolean</td><td>false</td><td>필수값 여부 (true일 경우 badge 표시)</td></tr><tr><td>disabled</td><td>boolean</td><td>false</td><td>비활성화 여부</td></tr></tbody></table>

### Usage

```typescript
<FormAssetLabel
  size={'small'}
  label={'라벨'}
  required
</>
```