FormField

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

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const id = useId();
  return (
    <W.FormField
      id={id}
      label="이메일"
      description="업데이트를 보내드릴게요."
      required
    >
      {(props) => (
        <W.Input
          id={props.id}
          required={props.required}
          placeholder="hello@example.com"
          inputProps={{ 'aria-describedby': props['aria-describedby'] }}
        />
      )}
    </W.FormField>
  );
}