Everything
Case: @theme button badge & link
Setting cases for the button badge and link blocks
sur
sur
sur
sur
Solid
Solid
Outline
Outline
Soft
Soft
Primary accent color / Solid
Primary accent color / Solid
Primary accent color / Outline
Primary accent color / Outline
Primary accent color / Soft
Primary accent color / Soft
Default rounding
Default rounding
Sharp rounding
Sharp rounding
SM rounding
SM rounding
Pill rounding
Pill rounding
Extra small
Extra small
Extra large
Extra large
Custom - Heading / Text size 1 / lowercase
Custom - Heading / Text size 1 / lowercase
Custom - Heading / Text size 12 / UPPERCASE
Custom - Heading / Text size 12 / UPPERCASE
Custom - Subheading / Text size 1 / lowercase
Custom - Subheading / Text size 1 / lowercase
Custom - Subheading / Text size 12 / UPPERCASE
Custom - Subheading / Text size 12 / UPPERCASE
Custom - Accent / Text size 1 / lowercase
Custom - Accent / Text size 1 / lowercase
Custom - Accent / Text size 12 / UPPERCASE
Custom - Accent / Text size 12 / UPPERCASE
Custom - Body / Text size 1 / lowercase
Custom - Body / Text size 1 / lowercase
Custom - Body / Text size 12 / UPPERCASE
Custom - Body / Text size 12 / UPPERCASE
sur
Link
Link block cases
sur
Clean
Line
Arrow
Both
Primary accent
Link color
Extra small
Extra large
Custom - Heading / Text size 1 / lowercase
Custom - Heading / Text size 12 / UPPERCASE
Custom - Subheading / Text size 1 / lowercase
Custom - Subheading / Text size 12 / UPPERCASE
Custom - Accent / Text size 1 / lowercase
Custom - Accent / Text size 12 / UPPERCASE
Custom - Body / Text size 1 / lowercase
Custom - Body / Text size 12 / UPPERCASE
sur
Clean
Line
Arrow
Both
Primary accent
Link color
Extra small
Extra large
Custom - Heading / Text size 1 / lowercase
Custom - Heading / Text size 12 / UPPERCASE
Custom - Subheading / Text size 1 / lowercase
Custom - Subheading / Text size 12 / UPPERCASE
Custom - Accent / Text size 1 / lowercase
Custom - Accent / Text size 12 / UPPERCASE
Custom - Body / Text size 1 / lowercase
Custom - Body / Text size 12 / UPPERCASE
sur
Clean
Line
Arrow
Both
Primary accent
Link color
Extra small
Extra large
Custom - Heading / Text size 1 / lowercase
Custom - Heading / Text size 12 / UPPERCASE
Custom - Subheading / Text size 1 / lowercase
Custom - Subheading / Text size 12 / UPPERCASE
Custom - Accent / Text size 1 / lowercase
Custom - Accent / Text size 12 / UPPERCASE
Custom - Body / Text size 1 / lowercase
Custom - Body / Text size 12 / UPPERCASE
sur
Video popup button
Video popup button block cases
sur
sur
Theme Badge
Fill, Stroke, and Soft appearances reuse the global button styles. Custom exposes direct background / text / border pickers. Each row below holds one appearance across colors.
sur
Fill
Content
Primary
Secondary
Sale
Custom
Stroke
Content
Primary
Secondary
Sale
Custom
Soft
Content
Primary
Secondary
Sale
Custom
Custom
Peach
Bordered
Inverse
Translucent
−20%
sur
Sizes
Small
Medium
Large
Custom 16
Rounding
Square
Small
Medium
Pill
sur
Typography
Button
Paragraph
Heading
Accent
Body text
Text shadow
Shadow on
Shadow off
Shadow on
Shadow off
sur
Background blur
Stroke
Soft
Custom
Long content
Limited edition collaboration
New · SS26
Free shipping over $75
sur
On opposite scheme
Fill
Stroke
Soft
Custom
Bordered
sur