v0.5.1

Announcement Bar

Site-wide top announcement with optional badge, action, and dismiss.

NewApplication patterns just shipped.Read the docs

Installation

npx paubha@latest add announcement-bar

Usage

import { AnnouncementBar } from "@/components/ui/announcement-bar";
import { Badge } from "@/components/ui/badge";

<AnnouncementBar
  badge={<Badge variant="brand" fill="solid" size="sm">New</Badge>}
  dismissible
>
  Application patterns just shipped.
</AnnouncementBar>

Activity Feed

Chronological list of user actions and system events, in simple, timeline, grouped, or notification panel form.

App Nav

Application sidebar and top navigation shells.

On this page

InstallationUsage