이로울 | 포트폴리오

Input

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants와 States를 문서화된 형태로 테스트해볼 수 있습니다.

다양한 상태를 지원하는 입력 필드 컴포넌트입니다.

기본 입력 필드

<Input label="이메일" placeholder="your@email.com" />

이메일

Live Preview

Password

<Input label="비밀번호" type="password" />

비밀번호

Live Preview

입력 필드의 다양한 상태 (error, disabled, helper text)

Error

<Input label="에러 상태" error="이 필드는 필수입니다." />

에러 상태

이 필드는 필수입니다.

Live Preview

Disabled

<Input label="비활성화" disabled />

비활성화

Live Preview

Helper Text

<Input label="도움말" helperText="도움말 텍스트가 여기에 표시됩니다." />

도움말

도움말 텍스트가 여기에 표시됩니다.

Live Preview