Layout
Empty state
Nothing to show, said once: what is missing, why, and the way out.
No events in this range
Events arrive once the tracking snippet fires. Widen the range, or check that the site is sending them.
Props
| Property | Type | Default | Description |
|---|---|---|---|
title | string | — | What is missing. One line. |
description | string | — | Why it is empty and what would fill it. |
icon | ReactNode | null | — | Defaults to a neutral mark so the state reads as deliberate. Pass null to drop it. |
action | ReactNode | — | The way out — a button, a link, a range reset. |
variant | "panel" | "dashed" | "inline" | "compact" | "panel" | panel centres it in a bordered card for a whole widget body. dashed does the same with a dashed edge, which reads as a slot waiting to be filled rather than a failure. inline is one left-aligned row for a table body. compact is the smallest form, for a metric tile. |
className | string | — | Outer wrapper. |