고정 액션 바
모바일 화면 하단에 현재 선택의 요약과 최종 행동을 고정해 언제든 확인하고 누를 수 있게 한다.
상태
summary
simple
활용 방법
상품 상세 하단
secondaryAction에는 찜처럼 우선순위가 낮은 행동을 배치한다.
Preview
tsx
<StickyActionBar summary={<Price amount={24800} />} secondaryAction={<Button variant="outline">찜</Button>} primaryAction={<Button>구매</Button>} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| summary | ReactNode | - | |
| primaryAction | ReactNode | - | |
| secondaryAction | ReactNode | - | |
| sticky | boolean | true |