Skip to content
FelicityUI

Empty

Empty state surface.

Loading empty…

Installation

terminal
npx felicityui add empty --platform react

Usage

example.tsx
import { Button } from "@/components/ui/button"

<Button>Button</Button>

Composition

Empty
├── title
└── description

Composition and usage follow Felicity-native APIs. Roles align with the public component catalog at docs/references/felicity-component-catalog.md.

API Reference

PropTypeDefaultDescription
classNamestring—Additional classes.

Accessibility

WCAG 2.2 AA

  • Native semantics and keyboard support.
  • Visible focus indicator.

Platform notes

React

Native HTML with Felicity semantic tokens. Paper/ink surfaces, copper accent sparingly, hairline borders — not Radix/shadcn runtime.

  • Server Component compatible unless marked use client.
  • Uses data-slot attributes for anatomy.