Components

Checkbox

사용자가 하나 이상의 옵션을 선택할 수 있게 해주는 컴포넌트입니다. 목록에서 여러 항목을 선택하거나 약관 동의와 같은 선택적 작업에 사용됩니다.

iOS

Not Ready

Android

Not Ready

개요

옵션 테이블

속성	값	기본값
size	medium, large	medium
shape	square, ghost	square
tone	brand, neutral	brand
weight	regular, bold	regular
state	enabled, pressed, disabled, selected, selected-pressed, selected-disabled, indeterminate, indeterminate-pressed, indeterminate-disabled	enabled
label	string

스펙

base

상태	슬롯	속성	값
enabled	label	color	$color.fg.neutral
	root	gap	$dimension.x2
disabled	label	color	$color.fg.disabled

weight=regular

상태	슬롯	속성	값
enabled	label	fontWeight	$font-weight.regular

weight=bold

상태	슬롯	속성	값
enabled	label	fontWeight	$font-weight.bold

size=medium

상태	슬롯	속성	값
enabled	root	minHeight	$dimension.x8
	label	fontSize	$font-size.t4
		lineHeight	$line-height.t4

size=large

상태	슬롯	속성	값
enabled	root	minHeight	$dimension.x9
	label	fontSize	$font-size.t5
		lineHeight	$line-height.t5

Last updated on

Callout

사용자의 주목을 끌어 중요한 정보를 강조하는 컴포넌트입니다.

Chip Tabs

Chip 형태로 표현된 탭 컴포넌트입니다. 카테고리나 필터를 선택하여 콘텐츠를 전환할 때 사용됩니다.

On this page

개요 옵션 테이블 스펙