Empty

Centered state for empty lists, blocked screens, and recoverable errors.

Demo

No activity yet

Transactions and authorizations will appear here.

Couldn't load apps

Refresh this list to check the latest permissions.

Usage

import { Inbox, RefreshCw } from 'lucide-react'
import { Button, Empty } from 'regen-ui'

export function ActivityEmpty() {
  return (
    <Empty
      action={
        <Button icon={<RefreshCw className="size-[14px]" />} size="small">
          Refresh
        </Button>
      }
      icon={<Inbox />}
      title="No activity yet"
    >
      Transactions and authorizations will appear here.
    </Empty>
  )
}

API Reference

Empty.Props

Name	Type	Default	Description
`action`Optional	`ReactNode`	None	Optional action rendered below the message.
`children`Optional	`ReactNode`	None	Supporting copy.
`className`Optional	`string`	None	Additional class names for layout-specific sizing.
`icon`Optional	`ReactNode`	None	Decorative icon shown above the title.
`title`Required	`ReactNode`	None	Primary empty-state message.

actionOptional

TypeReactNode

DefaultNone

Optional action rendered below the message.

childrenOptional

TypeReactNode

DefaultNone

Supporting copy.

classNameOptional

Typestring

DefaultNone

Additional class names for layout-specific sizing.

iconOptional

TypeReactNode

DefaultNone

Decorative icon shown above the title.

titleRequired

TypeReactNode

DefaultNone

Primary empty-state message.