Component Prompts

Segmented Button Group with Active State

A pill-style segmented button group for switching between views or options, with smooth active state transitions.

Open in v0
Prompt
Create a segmented button group component with:
- 4 options: "Day", "Week", "Month", "Year"
- Pill/rounded container wrapping all buttons
- Active button has a filled background with white text
- Inactive buttons are transparent with muted text
- Smooth background slide animation when switching
- Two size variants: sm and md
- Use Tailwind CSS and shadcn/ui
Share:Share on X
Seed Contributor avatar
Seed Contributor
@seed
0 copies · 0 upvotes

More Buttons & CTAs Prompts

A FAB in the bottom-right corner that expands into a radial menu of action buttons on click.

A comprehensive button component showcasing all variants: primary, secondary, outline, ghost, destructive, and loading state.