Кнопка «Добавить в корзину»
Добавьте в корзину компонент кнопки с минималистичным/плоским дизайном, цветовой схемой в оттенках серого, сложным уровнем сложности, для целей панели управления, с адаптивным дизайном и поддержкой темной темы.
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>Связанные компоненты
Брутализм кнопка «Добавить в корзину»
Простой компонент кнопки «Добавить в корзину» в бруталистском стиле с высокой контрастностью, дополнительными цветами и назначением для социальных сетей. Полностью адаптивный с поддержкой темного режима.
Кнопка «Добавить в корзину»
Скевоморфный компонент кнопки «Добавить в корзину», разработанный с использованием Tailwind CSS, с адаптивными эффектами и поддержкой темных тем.
Кнопка «Добавить в корзину»
Скевоморфная кнопка «Добавить в корзину» с адаптивными эффектами и поддержкой темной темы.