Icon stack in shadcn item
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: The smallest stack in the set, 44 by 48 pixels, as media in an outlined row with a title and description
When to use
- Artwork for first run and no data screens, set in the media slot above the message
- Compact media for list rows, such as a package entry in an outlined row
- Decorative marks with more depth than a flat glyph, tinted by a theme color or topped with a badge
When not to use
- A list row whose media is a plain glyph, avatar or image: use the Item component
- A flat square surface that keeps one glyph the same size across rows and toolbars: use the Icon Tile component
- A no data message that needs a title, description and actions laid out together: use the Empty component
- A ready made first run or zero results page, with copy, art and buttons in place: use the Empty State blocks
Agent notes
- A text color class on
IconStackreaches only the layer outlines and shadow;icon-stack-contentgives the childtext-muted-foreground - Keep
IconStacknear its 72 wide by 81 tallviewBoxratio when resizing; the child is placed by percent of the box, not of the drawing - The child sits in
icon-stack-content, which is skewed andpointer-events-none, so a button or link placed there gets no clicks
https://reui.io/components/icon-stack/c-icon-stack-6.mdget_example("c-icon-stack-6")npx shadcn@latest add @reui/c-icon-stack-6Shadcn Components in Icon Stack Item Media
About Shadcn Icon Stack Item Media
Item media stack. Built by composing Icon Stack, Item. A free, open source shadcn icon stack example you can install with npx shadcn@latest add @reui/c-icon-stack-6 and edit as your own code.
What You Can Build With Shadcn Icon Stack Item Media
- Composes Icon Stack, Item, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-icon-stack-6
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Icon Stack Examples
- Isometric Isometric icon stack
- Sizes Icon stack sizes
- Colors Icon stack colors
- Badge Overlay Icon badge stack
- Empty State Empty state illustration
Related Shadcn Component Categories
Open-source shadcn icon tile components for list row media, feature cards, empty states, and dashboard tiles.
Open-source shadcn input components for form entry, search fields, and auth screens.
Open-source shadcn input group components for prefixed inputs, suffixed actions, and combined form controls.
Open-source shadcn OTP input components for verification codes, 2FA flows, and secure confirmation screens.
Open-source shadcn item row components for list rows, settings items, and action rows.
Open-source shadcn kanban components for task boards, workflow pipelines, and drag-and-drop planning.
Frequently Asked Questions
When should I use Shadcn Icon Stack Item Media?
Use it for the smallest stack in the set, 44 by 48 pixels, as media in an outlined row with a title and description.
Shadcn Icon Stack as a whole fits:
- Artwork for first run and no data screens, set in the media slot above the message
- Compact media for list rows, such as a package entry in an outlined row
- Decorative marks with more depth than a flat glyph, tinted by a theme color or topped with a badge
For a list row whose media is a plain glyph, avatar or image, use the Item component. For a flat square surface that keeps one glyph the same size across rows and toolbars, use the Icon Tile component. For a no data message that needs a title, description and actions laid out together, use the Empty component. For a ready made first run or zero results page, with copy, art and buttons in place, use the Empty State blocks.
How do I install Shadcn Icon Stack Item Media?
Is Shadcn Icon Stack Item Media free to use?
Which components does Shadcn Icon Stack Item Media use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.