Density Constants
Açıklama: Bu dosya, tablo satırlarının yüksekliğiyle ilgili önceden tanımlanmış sabitleri sağlar. Kullanıcı arayüzünde yoğunluk ayarlarına göre satır yüksekliğini belirlemek için kullanılır.
Kod
export const DenstityConstants = {
Compact: "32px",
Standard: "48px",
Comfortable: "60px",
};
Ne İşe Yarar?
- Tablo satırlarının yüksekliğini yoğunluk (density) ayarlarına göre tanımlar.
- Kullanıcı arayüzünde görsel tutarlılık sağlar.
Anahtar Değerler
Anahtar | Değer | Açıklama |
---|---|---|
Compact | 32px | Sıkıştırılmış yoğunluk modu. |
Standard | 48px | Varsayılan yoğunluk modu. |
Comfortable | 60px | Genişletilmiş yoğunluk modu. |
Kullanım Alanları
1. TableBodyComponent
- Kullanım Amacı: Satır yüksekliğini yoğunluk moduna göre ayarlamak için kullanılır.
- Kullanıldığı Yer:
TableBodyComponent
bileşeninde satır yüksekliği hesaplaması sırasında.
const rowHeight = DenstityConstants[density];
2. CustomTableCells
- Kullanım Amacı: Hücre boyutlarını yoğunluk moduna göre ayarlamak için kullanılır.
const cellHeight = DenstityConstants[density];
Önemli İpuçları
- Yoğunluk modları, kullanıcı tercihine göre arayüzün daha sıkışık veya geniş görünecek şekilde düzenlenmesini sağlar.
- Değerlerin piksel (
px
) cinsinden olması, CSS ile kolay entegre olmasını sağlar. - Yoğunluk modlarının tutarlılığını korumak için bu sabitler tek bir yerde tanımlanmıştır.