BottomCTA

사용법

단일 CTA

화면 하단에 주요 행동 버튼을 고정해요. 본문과 겹치지 않게 하단 여백을 확보해주세요.

Double CTA

닫기와 확인처럼 두 가지 행동을 나란히 배치해요.

스타일 커스터마이징

BottomCTA는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.

<BottomCTA className="rounded-full px-4" style={{ opacity: 0.9 }} />

인터페이스

BottomCTAProps

가져오기

import { BottomCTA } from "@/components/ui/BottomCTA";