PillComponent - displays categorical values as colored pills
Automatically determines color based on semantic meaning of the value. Works for status, type, category, priority, or any enum-like field.
<!-- Auto-color based on value semantics --><mj-pill [value]="record.Status"></mj-pill><!-- Force a specific color --><mj-pill [value]="record.Type" color="info"></mj-pill> Copy
<!-- Auto-color based on value semantics --><mj-pill [value]="record.Status"></mj-pill><!-- Force a specific color --><mj-pill [value]="record.Type" color="info"></mj-pill>
Optional: Force a specific color instead of auto-detecting
The value to display in the pill
Get the display value
Get the effective color type (forced or auto-detected)
PillComponent - displays categorical values as colored pills
Automatically determines color based on semantic meaning of the value. Works for status, type, category, priority, or any enum-like field.
Example