Reaction Button
사용자들의 리액션 상호작용 활동에 따른 액션 버튼입니다.
컴포넌트 명세 (Component Specification)
Anatomy
text
icon
기본 기능
사용자의 상호작용을 통해 굿잡, 저장 등의 명령이나 액션을 실행하는 버튼
시각 옵션
like
favorite
상태
default
active
내부 구성
text
icon
사이즈 가이드 (Size Guide )
Reaction Button의 사이즈는 icon+text 타입과 onlyIcon 타입에 따라 구분됩니다.
상태 (State)
Reaction Button의 상태는 Default, Active 총 2가지 State로 구성됩니다.
분류 (Variant)
총 3가지의 아이콘 타입을 변경하여 화면에 맞게 적절하게 사용합니다.
사용 예시 (Use Case)
실제 서비스 화면에서 Reaction Button이 배치되고 활용되는 패턴입니다.
컴포넌트 배치 (Component Placement)
공간이 제한적인 리스트 항목 우측이나 썸네일 카드 컴포넌트 내부에 직접
배치되어, 카드형 컴포넌트 내부에 독립적으로 삽입하여 활용할 수 있습니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
00
00
00
굿잡!
00
굿잡취소