0
26.0.0
Zurich, Yokohama, Xanadu, Washington DC
Contains a default library of components available to use in the Kanban board component.
- Multiple cell, row, and card components are available within this component that you can use in the Kanban board component.
This release introduces Icon + Label support and Tag enhancements to provide richer contextual cues on cards without impacting layout or readability. Both features follow strict visual limits, truncation rules, and accessibility guidelines.
1. Icon + Label Support
1.1 Basic Functionality
- Kanban cards now support 1 to 6 icons, each accompanied by a mandatory text label.
- Icons represent contextual signals such as:
- Alerts
- Due-date crossed
- Upcoming deadlines
- Other system-defined indicators
1.2 Placement & Layout
- Icon placement area is fixed to maintain visual consistency across cards.
- Visual layout dynamically adjusts based on the number of icons configured (1–6).
- Icons and labels are read-only (not editable by the end user).
1.3 Truncation & Tooltip
- Each icon label has a defined width.
- If the label exceeds available space:
- It is truncated with ellipsis
- A tooltip displays the full label text on hover/focus.
1.4 Accessibility
- Screen reader support provided for:
- Icon name
- Icon label
- Tooltip content
- Maintains consistent reading order with no disruption to card hierarchy.
2. Tag Support (Up to 3 Tags)
2.1 Tag Functionality
- Cards now support up to 3 tags to represent categorization or status information.
- Optional tag icon can accompany each tag (configurable per system design).
- Tags follow the coral theme, aligning with design system colors.
2.2 Truncation & Overflow Handling
- Tags are displayed inline with reserved space.
- If a tag exceeds the character limit:
- Tag text truncates
- Tooltip displays the full text
2.3 Highlighted Value Support
- Tags can optionally display a highlighted value (e.g., priority number).
- Highlight remains visually distinct while respecting contrast rules.
2.4 Readability & Consistency
- Tag area is fixed to ensure stable card height and clean layout across the board.
- Colors and contrast comply with WCAG standards for both light and dark themes.
- Xanadu instance (26.x.x) with UI Builder