CTA Button Component — All Variants
A comprehensive button component showcasing all variants: primary, secondary, outline, ghost, destructive, and loading state.
Prompt
Create a button component showcase with all variants displayed in a grid: - Variants: Primary, Secondary, Outline, Ghost, Destructive, Link - Sizes: sm, md, lg, icon-only - States: default, hover, focus, disabled, loading (with spinner) - Icon button examples: icon-left, icon-right, icon-only - Each variant shown in both light and dark mode - Use shadcn/ui Button component as the base - Display in a clean grid layout with variant labels
Share:Share on X
More Buttons & CTAs Prompts
A pill-style segmented button group for switching between views or options, with smooth active state transitions.
A FAB in the bottom-right corner that expands into a radial menu of action buttons on click.