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.