UI KIT · MARKETING · FEATURE

Ne yapabildiğinizi gösterin.

Üç eş değerli özelliği yan yana sunan bir ızgara ve daha derin anlatım isteyen tekil özellikler için satır satır bir düzen.

Üç sütunlu özellik ızgarası

Varyant 1 · Izgara

Hız

Build adımı yok.

Tek CSS dosyası, sıfır npm kurulumu.

Erişilebilirlik

Native HTML önce gelir.

Odak halkaları, ARIA durumları ve klavye desteği kutudan çıkar.

Özelleştirme

Token'larla tema.

Kendi markanız için --ck-color-* değerlerini override edin.

Satır satır özellik anlatımı

Varyant 2 · Satır satır

Karanlık mod dahil.

Tüm semantik tokenlar light-dark() ile hem açık hem koyu temayı tek satırda çözer.

Önizleme

Önizleme

Genişleyen bileşen kataloğu.

Buton, kart, form ve tablo bileşenlerinin hepsi aynı token setini paylaşır.

Tokenlar: ck-badge, ck-card, --ck-space-5. Duyarlı davranış: ck-grid--3/ck-grid--2 <40rem altında tek sütuna düşer; satır satır varyantta görsel/metin sırası küçük ekranda görsel önce, metin sonra akar (kaynak sırası korunur).