ns-ui
First-run empty state as a surveyor's staked plot: corner stakes drop in, then dashed strings tauten around the future layout and tie off at the CTA.
Use when Pick this over empty-state-dashed when the empty region has a real shape worth teaching — a table, a card grid, or a chart plot — and you want the layout itself pre-taught: it measures a hidden template of that actual layout, drives in corner stakes, then draws dashed strings around every row or card individually and down to the CTA, tying the one action to the specific thing missing. Reach for empty-state-dashed instead for a plain undifferentiated empty box where a single drifting dashed boundary that contracts toward the CTA on hover is enough — no per-row or per-card silhouette to trace.
Install
npx shadcn add https://design.helpmarq.comns-ui / empty-state-survey — staked out before the data arrives
Projects show up here once you create one — the layout below is already staked out and waiting.
| Prop | Type | Default | Description |
|---|---|---|---|
| title? | string | — | Headline — what's missing. |
| description? | string | — | One sentence of supporting copy. |
| actionLabel? | string | — | Label of the single CTA the staked plot ties itself to. |
| onAction? | () => void | — | — |
| shape? | StakeLineShape | — | What the plot outlines. Defaults to a 3-column card grid of 6. |
| className? | string | — | — |