Announcement

A compound badge designed to display an announcement.

Powered by

Lucide

Latest update

New feature added

Installation

npx pal-ui@latest add announcement

Features

Compound component with Badge-based styling and rounded full appearance
Customizable themed mode for different visual styles
Built-in tag and title components for consistent layout
Supports hover effects with shadow transitions
Flexible styling through className props
Context-based theming that affects child components

Examples

Themes

Error

Something went wrong

Success

New feature added

Warning

Approaching your limit

Info

Welcome to the platform

Without Tag

New feature added

Ticker

A composable finance ticker for displaying symbols, prices and changes.

Banner

A banner is a full-width component that can be used to show a message and action to the user.