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
  a9306f80_e757_424b_4f69_6a84c8f1913f["EmptyMuted()"]
  a7cfcbb3_504c_807f_6d20_7d810416bf1f["empty-background.tsx"]
  a9306f80_e757_424b_4f69_6a84c8f1913f -->|defined in| a7cfcbb3_504c_807f_6d20_7d810416bf1f
  style a9306f80_e757_424b_4f69_6a84c8f1913f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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 data-icon="inline-start" />
          Refresh
        </Button>
      </EmptyContent>
    </Empty>
  )
}