Density Enums
Açıklama: Bu dosya, tablo satır yoğunluğu modlarını belirtmek için bir enum tanımlar. Yoğunluk modları, arayüzdeki tablo satırlarının yüksekliğini kontrol etmek için kullanılır.
Kod
export enum DensityEnums {
Compact,
Standard,
Comfortable,
}
Ne İşe Yarar?
- Tablo satır yoğunluğunu standart bir şekilde belirtmek için kullanılır.
DenstityConstants
ile birlikte kullanılarak, kullanıcı tercihine göre tablo görünümünü özelleştirmek için yoğunluk modları sağlar.
Anahtar Değerler
Enum Değeri | Açıklama |
---|---|
Compact | Sıkıştırılmış yoğunluk modu. |
Standard | Varsayılan yoğunluk modu. |
Comfortable | Genişletilmiş yoğunluk modu. |
Kullanım Alanları
1. useDensity Hook
- Kullanım Amacı: Kullanıcı tarafından seçilen yoğunluk modunu saklamak ve güncellemek için.
- Kullanıldığı Yer:
useDensity
hook'unda yoğunluk modunun yönetiminde.
const { density, setDensity } = useDensity();
setDensity(DensityEnums.Compact);
2. TableBodyComponent
- Kullanım Amacı: Satır yüksekliğini yoğunluk moduna göre belirlemek için.
- Kullanıldığı Yer:
TableBodyComponent
bileşeninde satır yüksekliği hesaplaması sırasında.
const rowHeight = DenstityConstants[DensityEnums.Compact];
3. CustomTableCells
- Kullanım Amacı: Yoğunluk modunu kullanarak hücre boyutlarını ayarlamak için.
const cellHeight = DenstityConstants[density];
Önemli İpuçları
- Enum değerleri, yoğunluk modlarının kolayca değiştirilebilmesini sağlar.
DensityEnums
ileDenstityConstants
birlikte kullanılarak tablo yüksekliği üzerinde tam kontrol sağlanır.- Varsayılan mod genellikle
Standard
olarak belirlenmiştir, ancak kullanıcı tercihlerine göre değiştirilebilir.