ComponentsDeprecated

Action Chip (Deprecated)

Use Chip.Button with variant="solid" instead.

개요

옵션 테이블

속성	값	기본값
size	medium, small	medium
layout	with text, icon only	with text
disabled	true, false	false
count	number
prefix icon	icon
suffix icon	icon

스펙

base

상태	슬롯	속성	값
enabled	root	color	$color.bg.neutral-weak
		cornerRadius	$radius.full
	label	color	$color.fg.neutral
		fontWeight	$font-weight.medium
	prefixIcon	color	$color.fg.neutral
	suffixIcon	color	$color.fg.neutral-subtle
	icon	color	$color.fg.neutral
	count	color	$color.fg.neutral-muted
		fontWeight	$font-weight.medium
pressed	root	color	$color.bg.neutral-weak-pressed
disabled	root	color	$color.bg.disabled
	label	color	$color.fg.disabled
	prefixIcon	color	$color.fg.disabled
	suffixIcon	color	$color.fg.disabled
	icon	color	$color.fg.disabled
	count	color	$color.fg.disabled

size=small

상태	슬롯	속성	값
enabled	root	minHeight	$dimension.x8
		paddingY	$dimension.x1_5
		gap	$dimension.x1
	label	fontSize	$font-size.t4
		lineHeight	$line-height.t4
	prefixIcon	size	$dimension.x4
	suffixIcon	size	$dimension.x3_5
	count	fontSize	$font-size.t4
		lineHeight	$line-height.t4

size=medium

상태	슬롯	속성	값
enabled	root	minHeight	$dimension.x9
		paddingY	$dimension.x2
		gap	$dimension.x1
	label	fontSize	$font-size.t4
		lineHeight	$line-height.t4
	prefixIcon	size	$dimension.x4
	suffixIcon	size	$dimension.x3_5
	count	fontSize	$font-size.t4
		lineHeight	$line-height.t4

size=small, layout=withText

상태	슬롯	속성	값
enabled	root	paddingX	$dimension.x3

size=small, layout=iconOnly

상태	슬롯	속성	값
enabled	root	minWidth	$dimension.x8
	icon	size	$dimension.x4

size=medium, layout=withText

상태	슬롯	속성	값
enabled	root	paddingX	$dimension.x3_5

size=medium, layout=iconOnly

상태	슬롯	속성	값
enabled	root	minWidth	$dimension.x9
	icon	size	$dimension.x4

Last updated on

Top Navigation

페이지 상단에 위치한 네비게이션 컴포넌트입니다. 페이지 제목, 뒤로가기, 액션 버튼 등을 포함하여 앱의 주요 네비게이션을 제공합니다.

Action SheetDeprecated

Next Page

On this page

개요 옵션 테이블 스펙