Atelier UI

Search components…

Search components…

Badge Button Combo

Pill button with an embedded badge (New / Beta / count) on either side.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

BadgeButtonProps

Also accepts all props of React.ComponentProps<"button">

PropTypeDefaultDescription
badgeReact.ReactNode"New"—
badgePosition"left" | "right""left"—

Install

$ npx shadcn@latest add https://chromotion.dev/r/badge-button-combo.json

More like this