Usage
import { SideFolder } from "@/registry/blocks/side-folder/side-folder";
<SideFolder />Props
| Name | Type | Default | Description |
|---|---|---|---|
| label | string | "Blue folder on its side…" | Accessible description of the illustration |
| className | string | Extra class on the root, e.g. for width or margins |
When to use
- Feature cards about files, uploads, storage or a knowledge base; empty states for documents - Bento grids that need a calm, friendly illustration above the text
When not to use
Interactive app UI; these are illustrations, so keep them out of task flows.