EmptyMuted() — ui Function Reference

Architecture documentation for the EmptyMuted() function in empty-background.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ EmptyMuted() — ui Function Reference

Dependency Diagram

graph TD
  1c4dde69_f619_dd0a_5aeb_114e947a34be["EmptyMuted()"]
  e8df569b_ddeb_c12b_9cee_3aa487fe4934["empty-background.tsx"]
  1c4dde69_f619_dd0a_5aeb_114e947a34be -->|defined in| e8df569b_ddeb_c12b_9cee_3aa487fe4934
  style 1c4dde69_f619_dd0a_5aeb_114e947a34be fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/empty-background.tsx lines 13–33

export function EmptyMuted() {
  return (
    <Empty className="bg-muted/30 h-full">
      <EmptyHeader>
        <EmptyMedia variant="icon">
          <IconBell />
        </EmptyMedia>
        <EmptyTitle>No Notifications</EmptyTitle>
        <EmptyDescription className="max-w-xs text-pretty">
          You&apos;re all caught up. New notifications will appear here.
        </EmptyDescription>
      </EmptyHeader>
      <EmptyContent>
        <Button variant="outline">
          <RefreshCcwIcon />
          Refresh
        </Button>
      </EmptyContent>
    </Empty>
  )
}