Components › Feedback

Announcement

A dismissible card for product news, with one action.

Installation

npx plankui@latest add announcement

Usage

import { Announcement } from "@/components/ui/announcement";

<Announcement title="Two new components" onDismiss={hide}>Calendar is ready.</Announcement>

API reference

PropTypeDefaultDescription
titleReactNoderequiredHeadline.
iconReactNodemegaphoneShown on an accent key.
actionReactNodeA button under the text.
onDismiss() => voidShows a close button.

View the source on GitHub