UI Guide - UI-KIT

입력 텍스트 필드 유형 (Input Textfield Type)

기본 입력 (Simple Input)

플로팅 입력 (Floating Input)

이름

유효한 입력 (Valid Input)

둥근 입력 (Rounded Input)

텍스트 영역 (Text area)

비활성화 (Disabled)

도움말 텍스트 (Helping text)

새 줄로 나뉘며 한 줄 이상 확장될 수 있는 도움말 텍스트 블록입니다.

아이콘이 있는 선택 (Select with Icon)

라벨 입력 (Label Input)

라벨 입력

검색 스타일 (Search Style)

잘못된 입력 (Invalid Input)

플레이스홀더 (Placeholder)

읽기 전용 (Readonly)

정적 컨트롤 (Static control)

기본 선택 (Default Select)

다중 선택 (Multiple Select)

입력 유형 (Input Types)

이메일 (Email)

비밀번호 표시/숨기기 (Show/Hide Password)

시간 (Time)

숫자 (Number)

범위 (Range)

비밀번호 (Password)

월 (Month)

주 (Week)

색상 (Color)

입력 그룹 (Input Group)

사용자 이름 (Username)

금액 (Amount)

$ .00

텍스트 영역 (Textarea)

텍스트 영역 포함

줄 바꿈 (Wrapping)

입력 + 버튼 (Input + Button)

다중 파일 (Multiple Files)

수신자 (Recipient)

@example.com

이메일 로그인 (Email Login)

맞춤 URL (Vanity URL)

https://example.com/users/

드롭다운 + 입력 (Dropdown + Input)

파일 입력 (File Input)

입력 그룹 선택 (Input Group Select)

옵션

플로팅 라벨 (Floating Labels)

이메일 주소

이메일

의견 (Comments)

의견

비밀번호

선택 메뉴

선택 가능

입력 크기 (Input Sizes)

작게 (Small)

크게 (Large)

큰 선택 메뉴

보통 (Normal)

그리드 크기 (Grid Sizes)

작은 선택 메뉴

UI Guide Dashboard

입력 텍스트 필드 유형 (Input Textfield Type)

입력 유형 (Input Types)

입력 그룹 (Input Group)

플로팅 라벨 (Floating Labels)

입력 크기 (Input Sizes)

체크박스, 라디오 및 스위치 (Checks, Radios and Switches)

크기

크기

크기