Components

Select Box

드롭다운 목록에서 하나 이상의 옵션을 선택할 수 있게 해주는 컴포넌트입니다. 제한된 공간에서 많은 선택지를 효율적으로 제공할 때 사용됩니다.

Figma

In Progress

Check, Radio 용도별 선택적 사용 가능

iOS

Not Ready

Android

Not Ready

개요

옵션 테이블

속성	값	기본값
title	string
description	string
selected	true, false	false

스펙

base

상태	슬롯	속성	값
enabled	root	paddingX	$dimension.x4
		paddingY	$dimension.x5
		gap	$dimension.x2_5
		strokeWidth	1px
		strokeColor	$color.stroke.neutral-muted
		cornerRadius	$radius.r3
	content	gap	$dimension.x0_5
	label	color	$color.fg.neutral
		fontWeight	$font-weight.bold
		fontSize	$font-size.t5
		lineHeight	$line-height.t5
	description	color	$color.fg.neutral-muted
		fontWeight	$font-weight.regular
		fontSize	$font-size.t4
		lineHeight	$line-height.t4
enabled, pressed	root	color	$color.bg.layer-default-pressed
enabled, selected	root	color	$color.bg.neutral-weak
		strokeColor	$color.stroke.neutral-weak
enabled, selected, pressed	root	color	$color.bg.neutral-weak-pressed

Last updated on

Segmented Control

서로 배타적인 옵션 중 하나를 선택할 수 있게 해주는 컴포넌트입니다. 2-5개의 밀접하게 관련된 선택지를 제공할 때 사용됩니다.

Skeleton

Next Page

On this page

개요 옵션 테이블 스펙