Reaction Button

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

개요

Reaction Button 컴포넌트를 React로 사용하는 방법을 설명합니다.

상태	슬롯	속성	값
enabled	root	color	$color.bg.neutral-weak
		colorDuration	$duration.d4
		colorTimingFunction	$timing-function.easing
	label	color	$color.fg.neutral
		fontWeight	$font-weight.medium
	count	color	$color.fg.neutral
		fontWeight	$font-weight.bold
	prefixIcon	color	$color.fg.neutral
	progressCircle	trackColor	$color.palette.gray-500
		rangeColor	$color.fg.neutral
pressed	root	color	$color.bg.neutral-weak-pressed
selected	root	color	$color.bg.layer-default
		strokeColor	$color.stroke.brand
		strokeWidth	1px
	label	color	$color.fg.brand
	count	color	$color.fg.brand
	prefixIcon	color	$color.fg.brand
	progressCircle	trackColor	$color.palette.carrot-200
		rangeColor	$color.fg.brand
selected, pressed	root	color	$color.bg.layer-default-pressed
disabled	root	color	$color.bg.disabled
		strokeWidth	0px
	label	color	$color.fg.disabled
	count	color	$color.fg.disabled
	prefixIcon	color	$color.fg.disabled
loading	root	color	$color.bg.neutral-weak-pressed
selected, loading	root	color	$color.bg.layer-default-pressed
		strokeWidth	1px