# Announcement bar

A top banner that rotates messages, counts down, and collapses smoothly when dismissed.

- ID: `announcement-bar`
- Import: `animui/announcement-bar`
- Category: Feedback
- Runtime exports: `AnnouncementBar`, `clearAnnouncementDismissal`, `default`
- Declaration: `types/free/components/announcement-bar.d.ts`
- Type provenance: emitted-original-typescript
- Related: countdown, cookie-consent, alert, toast, badge

```tsx
import { AnnouncementBar } from 'animui/announcement-bar';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info announcement-bar` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { AnnouncementBar, clearAnnouncementDismissal, default } from '../registry/components/announcement-bar/announcement-bar.js';
export type { Announcement, AnnouncementAction, AnnouncementBarProps } from '../registry/components/announcement-bar/announcement-bar.js';
```