Veri, görsel ve eylemleri görüntülemek için esnek ve genişletilebilir içerik kapsayıcıları.
Temel Kartlar
Başlık, gövde ve altbilgi bölümleri olan standart kartlar.
Basit Kart
Sadece gövde içeriği olan basit bir kart.
Bu, kartın ana içerik alanıdır. İçeriğin esnek bir şekilde yerleştirilmesine olanak tanır.
Başlıklı Kart
İsteğe bağlı açıklama metni.
Bu kart, yapılandırılmış içerik için ideal olan ayrı bir başlık ve altbilgi bölümüne sahiptir.
Varyantlar
Çeşitli bağlamlar için farklı stiller.
Düz Kart
Renkli arka planlarda kenarlıksız ve gölgesiz bir görünüm için .ak-card-flat kullanın.
Yükseltilmiş Kart
Karta daha güçlü bir gölge ile daha fazla derinlik kazandırmak için .ak-card-elevated kullanın.
Kompakt Kart
Yoğun veri gösterimleri için azaltılmış iç boşluk sağlamak amacıyla .ak-card-compact kullanın.
Modern Varyantlar
Cam morfizmi, gradyanlar ve gelişmiş vurgu efektleri dahil çağdaş stiller.
Cam Efekti
Modern bir buzlu cam estetiği için .ak-card-glass kullanın. Karmaşık arka planlarda en iyi sonucu verir.
Birincil Gradyan
Canlı arka plan
Öne çıkması gereken yüksek vurgulu kartlar için .ak-card-gradient-primary kullanın.
Yatay Düzen
Liste benzeri görünümler için .ak-card-horizontal kullanın. Görsel içeriğin solunda yer alır.
Vurgu Efektleri (Hover)
Yükselme Efekti
Kartı vurgu sırasında yumuşak bir şekilde yükseltmek için .ak-card-hover-lift kullanın.
Kenarlık Efekti
Vurgu sırasında kenarlık rengini vurgulamak için .ak-card-hover-border kullanın.
Parıltı Efekti
Vurgu sırasında kartın etrafına ince bir parıltı eklemek için .ak-card-hover-glow kullanın.
Etkileşimli
Kullanıcı etkileşimine yanıt veren kartlar.
Üzerime Gel
Vurgu efektleri eklemek ve tıklanabilirliği göstermek için .ak-card-interactive kullanın.
Tıklanabilir Kart
Kartları gezinme bağlantıları veya eylem öğeleri olarak kullanmak için mükemmeldir.
Görseller
Entegre medyaya sahip kartlar.
Üstte Görsel
.ak-card öğesinin ilk çocuğu olarak yerleştirilen görseller otomatik olarak yuvarlatılmış üst köşelere sahip olur.
Gövde İçinde Görsel
Görselleri gövde içeriğinin içine de yerleştirebilirsiniz.
