Elements Pro launch: $79 for the first 50 with LAUNCH50 · $129 standard.

Components / Interfaces / EmptyState

EmptyState.

FreeComponent

A branded empty state with serif headline, muted copy, and an action slot.

Demo dataResponsive

Nothing here yet

Create your first object to begin shaping this workspace.

Installation

pnpm dlx shadcn@latest add https://elements.micropreneur.dev/r/empty-state.json

The shadcn CLI writes the source into your project. Files added:

  • components/elements/empty-state.tsxcomponent
  • lib/utils.tslib
Dependenciesclsxtailwind-merge

API

PropTypeDefaultDescription
title (required)ReactNode—Serif display headline.
descriptionReactNode—Muted supporting copy.
actionReactNode—Action slot, e.g. a Button.

Also accepts Omit<ComponentProps<'div'>, 'title'>.

Accessibility

  • The title renders as a level-three heading.
  • Put the next action in the action slot as a real button or link.