Search blocks by description or jump to a page.
A collapsible row with a chevron icon that rotates as the panel opens and closes. Use it in menus where a clear visual cue tells readers it expands.
Icon Collapsible is a single expandable row. A trigger bar stretches the full width of the panel and holds, on the left, a circular icon badge next to a bold label, and on the right, a chevron that points down when the panel is closed and up when it is open. Clicking anywhere on the trigger toggles the panel. The expanded area reveals a simple key/value list with a ruled total row at the bottom.
The label, icon, and every line in the detail list are independent. You can swap the shopping cart icon for any other icon, rename the heading, add or remove rows from the list, and change the values without touching the layout or the toggle behavior.
Reach for this block when you need a compact summary that users can expand for a quick breakdown without leaving the current view. In a project management workspace it fits naturally anywhere a task, budget item, or resource summary should stay tucked until a team member wants the specifics. It works better than a full accordion group when there is only one panel to show, and better than a plain card when the content is secondary and should not compete with the surrounding layout.
A natural flow around it on a Components page:
Before
After
The block has three distinct parts you can adapt independently:
Tip: keep the detail list to four or five rows so the expanded panel stays short enough to read at a glance without scrolling.