Pivi
Home
Blog
Work
Let's Talk
Component Test
Button Component Test
Color Variants
Primary (Gold)
Secondary
Ink
Parchment
Lavender
Gold
Plum
Charcoal
Outline
Ghost
Size Options
Extra Small
Small
Medium
Large
Extra Large
Rounded Options
No Rounding
Small Radius
Medium Radius
Large Radius
Full Radius
Block Buttons
Block Button
Secondary Block
Outline Block
Case Options
Default (Uppercase)
Lowercase Option
Grain Effect
Default Grain
Ink with Grain
Lavender with Grain
Plum with Grain
Grain Opacity
Light (0.05)
Default (0.15)
Heavy (0.3)
Animation Control
Static (Default)
Always Animated
Animate on Hover
Button States
Normal
Disabled
Combined Examples
Animated Lavender
Rounded Plum
Outline with Grain
Small Ink Button
Block Gold with Grain
Hover Animation
