Empty state

Placeholder for empty panels, lists, and canvases. Icon, title, description, and optional action.

Install

npx shadcn@latest add https://substrate.georgedrury.co.uk/r/empty-state

Create a shape or frame to get started with your design.

import { RiStackLine } from "@remixicon/react"
import {
	EmptyState,

Component	Description
`EmptyState`	Centred flex container with vertical spacing
`EmptyStateIcon`	Rounded icon container
`EmptyStateTitle`	Short heading
`EmptyStateDescription`	Descriptive text, max-width constrained
`EmptyStateAction`	Primary action button