Control Chip (Deprecated)

옵션 테이블

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

Specification

base

상태	슬롯	속성	값
enabled	root	strokeColor	$color.stroke.neutral-muted 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted)
		strokeWidth	1px
		cornerRadius	$radius.full
	label	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
		fontWeight	$font-weight.medium
	prefixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	suffixIcon	color	$color.fg.neutral-subtle 일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)
	icon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	count	color	$color.fg.neutral-muted 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted)
		fontWeight	$font-weight.medium
pressed	root	color	$color.bg.layer-default-pressed basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠가 이 레이어 위에서 표현됩니다. (pressed)
selected	root	strokeWidth	0px
		color	$color.bg.neutral-solid-muted 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-muted)
	label	color	$color.palette.static-white
		fontWeight	$font-weight.bold
	prefixIcon	color	$color.palette.static-white
	suffixIcon	color	$color.palette.static-white
	icon	color	$color.palette.static-white
	count	color	$color.palette.static-white-alpha-800
selected, pressed	root	color	$color.bg.neutral-solid-muted-pressed 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-muted-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

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

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

Control Chip (Deprecated)

옵션 테이블

Specification

base

size=small

size=medium

size=small, layout=withText

size=small, layout=iconOnly

size=medium, layout=withText

size=medium, layout=iconOnly

On this page