Empty

Empty component displays an empty state with customizable icon, emoji, image, title, description, and action buttons, in default and dashed variants. It's commonly used to indicate that there's no data or content to display.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/Empty/Empty.tsx
• src/Empty/index.ts
• src/Empty/stable.ts
• src/Empty/style.ts
• src/Empty/type.ts
• src/Icon/index.ts
• src/Text/index.ts
• src/types/index.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Empty State Components
• React Empty State Components
• Feedback Components
• React Feedback Components

More from Lobe UI

• Base Ui Result
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge
• Block
• Breadcrumb