← Back to Components
Button
Primary, secondary, destructive, ghost, and outline variants with mechanical bevel physics.
Interactive Preview
Design Notes
- •Inset top highlight creates overhead light refraction on the bevel.
- •Bottom depth shadow simulates physical button thickness.
- •Active scale compression (0.98) mimics a mechanical press.
- •5 variants, 3 sizes, icon slots, and ripple effect on click.