Reaction Button

사용자가 콘텐츠에 대한 반응을 표현할 수 있게 해주는 컴포넌트입니다. 좋아요, 관심있어요 등의 감정적 피드백을 간편하게 제공할 때 사용됩니다.

Figma

Done

iOS

Not Ready

Android

Not Ready

개요

상태	슬롯	속성	값
enabled	root	strokeColor	$color.stroke.neutral-muted
		strokeWidth	1px
		color	$color.bg.transparent
		colorDuration	$duration.color-transition
		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.transparent-pressed
selected	root	color	$color.bg.transparent
		strokeColor	$color.stroke.brand-weak
		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.transparent-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.transparent-pressed
		strokeWidth	1px