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