Карточки — это основной строительный блок дизайн-системы glass.
Варианты
Мы поддерживаем несколько стилей карточек через пропс variant.
| Вариант | Описание | Визуальный стиль |
|---|---|---|
glass | Стандартное матовое стекло | Размытие + Граница |
solid | Непрозрачный фон | Высокий контраст |
outline | Только граница | Минималистичный |
Живые примеры
Стеклянная карточка
Стандартный эффект матового стекла с размытием.
Сплошная карточка
Непрозрачный фон для высокого контраста.
Контурная карточка
Минималистичный стиль только с границей.
Пример использования
<Card variant="glass" className="p-6"> <h3>Стеклянная карточка</h3> <p>Создаёт красивый эффект глубины.</p></Card>