Chip Toggle Button

선택 여부를 켜거나 끌 수 있는 칩 형태의 버튼입니다.

Anatomy

State	Condition
enabled	isDisabled = False, isHovered = False, isFocused = False, isPressed = False
hovered	isDisabled = False, isPressed = False, isHovered = True
focused	isDisabled = False, isPressed = False, isFocused = True
pressed	isDisabled = False, isPressed = True
disabled	isDisabled = True

State	Part	Attribute	Value
Enabled, Unselected	Root	Outline Color	$semantic.color.divider-2
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-900
	Count	Color	$scale.color.gray-600
Hovered, Unselected	Root	Color	$semantic.color.gray-hover
		Outline Color	$semantic.color.divider-2
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-900
	Count	Color	$scale.color.gray-700
Pressed, Unselected	Root	Color	$semantic.color.gray-pressed
		Outline Color	$semantic.color.divider-2
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-900
Disabled, Unselected	Root	Outline Color	$semantic.color.divider-2
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-400
Enabled, Selected	Root	Color	$scale.color.gray-800
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-00
Hovered, Selected	Root	Color	$scale.color.gray-700
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-00
Pressed, Selected	Root	Color	$scale.color.gray-700
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-00
Disabled, Selected	Root	Outline Color	$semantic.color.divider-2
	Label, Prefix Icon, Suffix Icon	Color	$scale.color.gray-400

Part	Attribute	Value
Label, Count	Typography	$semantic.typography.body-m2-regular

Part	Attribute	Value
Label, Count	Typography	$semantic.typography.caption1-regular