BadgeStyle
Collection of Badge Style Definitions to display in a Badge Styled Column
TypeScript
export interfaceProperties
| Property | Type | Description | Default |
|---|---|---|---|
| Badges | BadgeStyleDefinition[] | Collection of Badge Style Definitions | |
| Cell | CellBoxStyle | Optional cell-box styling applied to grid cell behind the badges | |
| Density | BadgeDensity | Density preset shared by every badge in the column - controls inner padding. | 'Normal' |
| Font | CellFontStyle | Optional column-level Font (only Alignment is meaningful for Badge cells) | |
| OverflowMode | BadgeOverflowMode | How badges lay out in array-column cells where space is tight | 'Truncate' |
| Spacing | number | Pixel gap between adjacent badges in array-column cells | 4 |
Property Details
Badges
Collection of Badge Style Definitions
TypeScript
Badges?: BadgeStyleDefinition[];Property Value
Cell
Optional cell-box styling applied to grid cell behind the badges
TypeScript
Cell?: CellBoxStyle;Property Value
Density
Density preset shared by every badge in the column - controls inner padding.
TypeScript
Density?: BadgeDensity;Default Value
'Normal'
Property Value
Font
Optional column-level Font (only Alignment is meaningful for Badge cells)
TypeScript
Font?: CellFontStyle;Property Value
OverflowMode
How badges lay out in array-column cells where space is tight
TypeScript
OverflowMode?: BadgeOverflowMode;Default Value
'Truncate'
Property Value
Spacing
Pixel gap between adjacent badges in array-column cells
TypeScript
Spacing?: number;Default Value
4
Property Value
number