SEED Design
Components

Reaction Button

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

Figma
Not Ready
React
Done
iOS
Not Ready
Android
Not Ready

개요

옵션 테이블

속성기본값
sizexsmall, smallsmall
disabledtrue, falsefalse
loadingtrue, falsefalse
prefix iconicon
countnumber

스펙

base

상태슬롯속성
enabledrootcolor
colorDuration
colorTimingFunction
labelcolor
fontWeight
countcolor
fontWeight
prefixIconcolor
progressCircletrackColor
rangeColor
pressedrootcolor
selectedrootcolor
strokeColor
strokeWidth
labelcolor
countcolor
prefixIconcolor
progressCircletrackColor
rangeColor
selected, pressedrootcolor
disabledrootcolor
strokeWidth
labelcolor
countcolor
prefixIconcolor
loadingrootcolor
selected, loadingrootcolor
strokeWidth

size=xsmall

상태슬롯속성
enabledrootminHeight
cornerRadius
gap
paddingX
paddingY
prefixIconsize
labelfontSize
lineHeight
countfontSize
lineHeight
progressCirclesize
thickness

size=small

상태슬롯속성
enabledrootminHeight
cornerRadius
gap
paddingX
paddingY
prefixIconsize
labelfontSize
lineHeight
countfontSize
lineHeight
progressCirclesize
thickness

Last updated on