Label

입력의 목적을 설명하는 레이블.

이메일 *

PLAYGROUND미리보기 안의 요소를 직접 조작해 보세요.

사용 코드

import { useId } from 'react';
import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const id = useId();
  return (
    <div className="demo-stack">
      <W.Label htmlFor={id} required>
        이메일
      </W.Label>
      <W.Input id={id} placeholder="hello@example.com" />
    </div>
  );
}

API

타입 정의 ↗

Prop	Type	필수
`children`	`ReactNode`	—
`htmlFor`	`string`	—
`required`	`boolean`	—
`disabled`	`boolean`	—

공통 API 기준입니다. 플랫폼별 style, className 및 세부 타입은 타입 정의에서 확인하세요.

← 전체 컴포넌트로 돌아가기

기본 요소

레이아웃

폼과 입력

탐색

피드백

오버레이

Label

사용 코드

API