ns-ui
Empty state whose dashed SVG boundary drifts like a plot marked out and not yet planted, and contracts toward the CTA on hover.
Use when a plain empty region with one CTA and no repeatable item shape worth previewing, where a single drifting dashed boundary that contracts toward the button on hover is the whole idea; pick empty-state-pegboard when the future rows have a known card geometry to teach, empty-state-survey when a table or chart layout should be pre-taught in place, or empty-state-sonar when the same region must also cover probing and results arriving.
Install
npx shadcn add https://design.helpmarq.comns-ui / empty-state-dashed — an empty list
Projects you create will be listed here, newest first.
| Prop | Type | Default | Description |
|---|---|---|---|
| title? | string | — | Headline — what is missing. |
| description? | string | — | One line of supporting copy. Keep it to one line. |
| actionLabel? | string | — | Label of the single accent CTA. Pass an empty string to omit the button. |
| onAction? | () => void | — | — |
| icon? | ReactNode | — | Optional mark above the headline — an icon, a glyph, anything small. |
| className? | string | — | — |