HTML 코드
<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
Add to Cart
</button>관련 구성 요소
Add to Cart Button 컴포넌트
생생한 색상의 브루탈리즘 스타일로 디자인된 반응형 장바구니에 담기 버튼 구성 요소로, 어두운 테마를 지원하는 소셜 미디어 인터페이스에 적합합니다.
Add to Cart Button 컴포넌트
헬스케어/의료 애플리케이션을 위한 복잡한 '장바구니에 담기' 버튼 구성 요소로, 스위스/인터내셔널 타이포그래피와 어스 톤에서 영감을 받았습니다. 타이포그래피와 그리드 시스템에 중점을 둔 깔끔하고 미니멀한 디자인이 특징이며, 완전한 응답성과 다크 모드 지원을 제공합니다.