SPIDesign System
Components

Input

텍스트 데이터를 입력받기 위한 입력 필드 컴포넌트입니다.

Input

사용자로부터 직접 정보를 입력받을 때 사용되는 필드입니다.

Examples

import { Input } from "@seoulpi/ui/input";

function Example() {
  return <Input placeholder="Email" />;
}

Types

  • Text: 일반적인 텍스트 입력
  • Password: 암호화 처리된 텍스트 입력
  • Email: 이메일 형식 검증을 지원하는 입력
  • Number: 숫자 전용 입력

Usage Notes

  • 항상 Label 컴포넌트와 함께 사용하여 접근성을 지키세요.
  • 적절한 placeholder를 제공하여 입력 형태를 예시로 보여주세요.

On this page