장바구니에 추가 버튼

반응형 "장바구니에 추가" 버튼, 스큐어모픽 디자인, 단색 색 구성표 및 어두운 테마 지원.

미리 보기

HTML 코드

<button class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-bold py-2 px-4 rounded-full shadow-lg dark:shadow-xl hover:bg-gray-400 dark:hover:bg-gray-600 transform transition duration-300 ease-in-out hover:scale-105">
  Add to Cart
</button>

관련 구성 요소

장바구니에 추가 버튼

마이크로 인터랙션에서 영감을 받은 호버 효과가 있는 심플한 흙색 장바구니에 담기 버튼은 반응형 디자인과 다크 모드 지원을 특징으로 합니다.

열다

Add to Cart Button 컴포넌트

자연에서 영감을 받은 캔디 색상의 '장바구니에 담기' 버튼 구성 요소는 포럼/커뮤니티 플랫폼을 위해 설계되었으며, 유려하고 유기적인 스타일을 특징으로 합니다. 반응이 빠르고 다크 모드를 지원합니다.

열다

장바구니에 추가 버튼

미니멀리스트/플랫 디자인, 그레이스케일 색 구성표, 복잡한 복잡성 수준을 갖춘 Cart Button 구성 요소에 대시보드용 반응형 디자인 및 어두운 테마 지원을 제공합니다.

열다