Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProButton group styled as a like button with a counter, built from the button group component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Button group styled as a like button with a counter, built from the button group component. Use it as a starting point for the button group in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
It composes button, button-group, which the CLI installs for you. It also needs lucide-react.
import { ButtonGroupLikeCounter } from "@/components/button-group-like-counter"<ButtonGroupLikeCounter />| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the button, button-group components, which keep their own focus, keyboard and ARIA behaviour. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (button-group-like-counter.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-button-group-8 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.