Data display
Components that show a value rather than take one: text and headings, avatars, badges and tags, room icons and logos, and cards.
Overview
The following components are available:
| Component | Description |
|---|---|
Avatar | Round picture of a person or a group, falling back to initials, with an optional role badge and an edit menu. |
Badge | Small coloured pill for a count or a short marker, announced as a live status region. |
Card | Grey panel with an optional header row, for a block of related information. |
CategoryItem | Settings-page entry: a linked title, a line of explanation, an arrow, and an optional paid badge. |
CollapsibleCard | Panel whose header is a button that expands and collapses the body under it. |
Heading | Section title rendered as a real heading element, sized by a preset rather than by its level. |
MCPIcon | Square icon for an MCP server: its logo, or the first letter of its name on a grey tile. |
PortalLogo | The portal's white-label logo, fetched from the DocSpace server and swapped for the theme. |
QuickActions | Horizontal strip of large icon tiles that scrolls when the tiles no longer fit. |
RoomIcon | Square room tile that shows the room's logo, or its initials on a colour when there is none. |
RoomLogo | Fixed 32px glyph saying which kind of room this is, with an optional selection checkbox. |
RoomType | Row offering one kind of room, with its glyph, its translated name and its description. |
SelectedItem | Chip with a cross, for a value the user has picked and can take back. |
Tag | Small outlined label for one keyword, clickable and optionally removable. |
Tags | One row of tags that keeps to its width, collapsing the rest into an overflow tag. |
Text | Body text at the kit's size and weight, rendered through whichever element you name. |