Карталар — шыны (glass) дизайн жүйесінің іргелі құрылыс блогы болып табылады.
Нұсқалары (Variants)
Біз variant қасиеті (prop) арқылы карталардың бірнеше стильдерін қолдаймыз.
| Нұсқа | Сипаттамасы | Визуалды стилі |
|---|---|---|
glass | Кәдімгі күңгірт шыны (frosted glass) | Бұлыңғырлық (Blur) + Жиек |
solid | Мөлдір емес фон | Жоғары контраст |
outline | Тек жиегі ғана | Минималистік |
Жанды мысалдар
Шыны карта (Glass Card)
Бұлыңғырлық пен жұқа жиегі бар стандартты күңгірт шыны (frosted glass) эффектісі.
Тұтас карта (Solid Card)
Жоғары контраст үшін мөлдір емес фон.
Контурлы карта (Outline Card)
Тек жиегінен тұратын минималистік стиль.
Кодта қолданылуы
<Card variant="glass" className="p-6"> <h3>Шыны карта (Glass Card)</h3> <p>Бұл әдемі тереңдік әсерін (depth effect) жасайды.</p></Card>