Empty
A placeholder for empty states with media, title, description, and actions.
A placeholder for empty states with media, title, description, and actions.
No posts yet
Create your first post to get started.
tsx
import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle,} from "@celestia-project/ui/composite/empty"import { Button } from "@celestia-project/ui/primitive/button"
<Empty> <EmptyHeader> <EmptyMedia variant="icon">{/* icon */}</EmptyMedia> <EmptyTitle>No posts yet</EmptyTitle> <EmptyDescription>Create your first post to get started.</EmptyDescription> </EmptyHeader> <EmptyContent> <Button>New Post</Button> </EmptyContent></Empty>