Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Shadcn Announcement for React Radix UI

Inline notice for short, prominent updates.

Framework
UI library
Releasev2.1.0 — Dark mode, faster builds, and 12 new components

Installation

bunx --bun shadcn@latest add https://kit.dev/r/radix/announcement.json

Usage

import { Badge } from "@registry/react/components/badge";
import {
  Announcement,
  AnnouncementTitle,
} from "@/components/ui/announcement";
<Announcement>
  <Badge>Release</Badge>
  <AnnouncementTitle>
    v2.1.0 — Dark mode, faster builds, and 12 new components
  </AnnouncementTitle>
</Announcement>

Demos

Variant Default

Variant Destructive

Variant Info

Variant Success

Variant Warning

With Icon

With Link

Without Badge

API Reference

Announcement

div

PropType
AttributeType

AnnouncementTitle

span

PropType
AttributeType