Pill
Composable pill badge with status indicators, avatars, and delta arrows for React
Pill preview
Scroll to load preview
Information-dense status badges. Compose avatars, status dots with pulse animation, up/down delta arrows, icons, and dismiss buttons. PillIndicator supports success/error/warning/info colors. Great for user status tags, metric displays, or task assignments.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the pill component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.