Switch

Switch는 사용자가 개별 옵션을 켜거나 끌 수 있게 해주는 컴포넌트입니다. 일반적으로 특정 설정을 활성화하거나 비활성화하는 데 사용됩니다.

Figma

Done

iOS

Done

Android

Done

개요

옵션 테이블

속성	값	기본값
size	16, 24, 32	32
tone	brand, neutral	brand
state	enabled, selected, disabled, selected-disabled	enabled
label	string	라벨

스펙

base

상태	슬롯	속성	값
enabled	label	color	$color.fg.neutral
		fontWeight	$font-weight.medium
disabled	label	opacity	0.58
		opacityDuration	$duration.d1
		opacityTimingFunction	$timing-function.easing

size=32

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

size=24

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

size=16

상태	슬롯	속성	값
enabled	root	height	$dimension.x6
		gap	$dimension.x1_5
	label	fontSize	$font-size.t3
		lineHeight	$line-height.t3

Last updated on

Snackbar

Snackbar는 사용자 액션의 결과나 프로세스의 결과를 알려주는 일시적인 알림 요소입니다. 화면 하단에 표시되며 자동으로 사라집니다.

Tabs

관련된 콘텐츠 그룹을 구분하고 전환할 수 있게 해주는 컴포넌트입니다. 사용자가 같은 계층의 서로 다른 콘텐츠 영역을 탐색할 때 사용됩니다.

On this page

개요 옵션 테이블 스펙