pro-ui

Empty

Empty state placeholder with optional custom image, title, description, and action button.

Import

import { Empty, Button } from '@dangbt/pro-ui'

Basic usage

<Empty
  title="No users yet"
  description="Add your first user to get started."
  action={<Button variant="solid" onPress={() => setAddOpen(true)}>Add User</Button>}
/>

Minimal (just title)

<Empty title="No results found" />

Props

PropTypeDefaultDescription
titlestring'No data'Empty state headline
descriptionstringSupporting text
imageReactNodeCustom illustration or icon
actionReactNodeCTA button or link

On this page