IconButton Test Page

Variants

contained
outlined
text
backgroundOnly
transparent

Variants with Labels

contained
outlined
text
backgroundOnly
transparent

Sizes (with contained variant)

small
medium
large
xl

Sizes (with outlined variant)

small
medium
large
xl

Shapes

contained

circle
square
rounded

outlined

circle
square
rounded

text

circle
square
rounded

backgroundOnly

circle
square
rounded

transparent

circle
square
rounded

Icon + Label + Right Icon

contained
outlined
text
backgroundOnly
transparent

Disabled State

contained (disabled)
outlined (disabled)
text (disabled)
backgroundOnly (disabled)
transparent (disabled)

Loading State

contained
outlined
text
backgroundOnly
transparent

Error Severity

Full Width

Alignment (Full Width)

Extra Label (Subtitle)

Size × Variant Matrix

containedoutlinedtextbackgroundOnlytransparent
small
medium
large
xl