Inputs
텍스트를 직접 입력하거나 수정할 수 있는 기본 입력 요소 그룹입니다. 입력 목적과 콘텐츠 길이에 따라 구분됩니다.
Text Input
단일 행의 짧은 텍스트를 입력할 때 사용하는 기본 인풋 필드입니다.
Label*
Please enter a guide description.
Controls
Type
Variant
State
Label
Required Mark
Help Text
Start Icon
End Icon
Suffix Text
Type
Normal
Label*
type=text (default)
Password
Label*
type=password
Variants
Outlined
Label*
Outlined variant
Solid
Label*
Solid variant
Options
Label
Label
Required Mark
Label*
Label
Help Text
Label
Please enter a guide description.
Label
Start Icon
Label
End Icon
Label
Suffix Text
Label
00:00
Text Area
여러 줄의 텍스트를 입력할 수 있는 인풋 필드입니다. 주로 리뷰, 피드백, 메모 등 장문 입력이 필요한 영역에 사용됩니다.
Label*
Please enter a guide description.
Controls
Variant
State
Label
Required Mark
Help Text
Char Counter
Max Length
Variants
Outlined
Label*
Outlined variant
Solid
Label*
Solid variant
Options
Label
Label
Required Mark
Label*
Label
Help Text
Label
Please enter a guide description.
Label
Char Counter
Label
0/500
Label
Search Bar
검색어를 입력하고 결과를 조회하기 위한 인풋 요소입니다. 텍스트 입력 외에도 검색 버튼, 초기화(Reset) 아이콘을 함께 포함합니다.
Controls
Variant
Size
Icon Position
State
Variants
Variant
Size
Options
Icon Position
Erase
Input Stepper
숫자나 값을 늘리거나 줄이는 데 사용되는 구성 요소입니다. '+' 와 '-' 버튼으로 값을 증가시키거나 감소시킬 수 있으며, 직접 숫자를 입력할 수도 있습니다.
PSI
Controls
Type
Unit
Variants
Type
PSI
Options
Unit
PSI