컴포넌트명

정보를 입력하는 박스 입니다.
일반적인 줄바꿈은 br 태그를 사용합니다.

문단을 띄어쓸때는 p태그로 구분해주세요.

에러

경고

노트

Shapes

UI 요소의 기본적인 모양을 설정합니다.

Shape의 기본값(Round 또는 Square)은 프로젝트에 따라 다르게 설정됩니다.
프로젝트 시작 시 둘 중 하나를 선택하여, 전체 UI에 일관되게 적용합니다.

Shape Default (Round/Square) Pill
Button
Sizes

UI 요소의 크기를 설정합니다.

Size Large Medium Small
Button
Variants

UI 요소의 변형된 모양을 설정합니다.

Variant / Color Default Primary Secondary Tertiary Danger
Default(Fill) -
Outline
Ghost -
States

상태에 따른 스타일을 정의합니다.

Variant / State Default Disabled Error
Default(Fill)
Outline
Ghost
Icon

아이콘 사용 시의 스타일을 정의합니다.

Variant / Position Only Left Right
Default(Fill)
Outline
Ghost

Variants
Variant / Color Default
Default
States
a 태그의 경우 '.is-disabled' 클래스를 사용한다.
Variant / State Default Disabled
Default