장바구니에 추가 버튼
미니멀리스트/플랫 디자인, 그레이스케일 색 구성표, 복잡한 복잡성 수준을 갖춘 Cart Button 구성 요소에 대시보드용 반응형 디자인 및 어두운 테마 지원을 제공합니다.
HTML 코드
<button class="flex items-center justify-center w-40 h-10 bg-gray-800 text-white rounded-md shadow-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-600 focus:ring-opacity-50 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-gray-300 dark:focus:ring-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> </svg> Add to Cart </button>관련 구성 요소
Add to Cart Button 컴포넌트
Tailwind CSS를 사용하여 어두운 모드에서 설계된 반응형 '장바구니에 추가' 버튼은 호버 효과 및 어두운 테마를 지원합니다.
스큐어모픽 장바구니에 담기 버튼
포트폴리오 웹 사이트를 위한 생생한 색상의 스큐어모픽 장바구니에 추가 버튼으로, 인터랙티브 요소가 있는 복잡한 디자인과 Tailwind CSS를 사용한 반응형 다크 모드 지원이 특징입니다.
Add to Cart Button 컴포넌트
생생한 색상의 브루탈리즘 스타일로 디자인된 반응형 장바구니에 담기 버튼 구성 요소로, 어두운 테마를 지원하는 소셜 미디어 인터페이스에 적합합니다.