ButtonPrimary matrix

default

hover

focus-visible

active

disabled

loading

sm

md

lg

none

icon-only

icon-left

icon-right

rectangle

rounded

pill

square

circle

sm + none + rectangle

sm + none + rounded

sm + none + pill

sm + none + square

sm + none + circle

sm + icon-only + rectangle

sm + icon-only + rounded

sm + icon-only + pill

sm + icon-only + square

sm + icon-only + circle

sm + icon-left + rectangle

sm + icon-left + rounded

sm + icon-left + pill

sm + icon-left + square

sm + icon-left + circle

sm + icon-right + rectangle

sm + icon-right + rounded

sm + icon-right + pill

sm + icon-right + square

sm + icon-right + circle

md + none + rectangle

md + none + rounded

md + none + pill

md + none + square

md + none + circle

md + icon-only + rectangle

md + icon-only + rounded

md + icon-only + pill

md + icon-only + square

md + icon-only + circle

md + icon-left + rectangle

md + icon-left + rounded

md + icon-left + pill

md + icon-left + square

md + icon-left + circle

md + icon-right + rectangle

md + icon-right + rounded

md + icon-right + pill

md + icon-right + square

md + icon-right + circle

lg + none + rectangle

lg + none + rounded

lg + none + pill

lg + none + square

lg + none + circle

lg + icon-only + rectangle

lg + icon-only + rounded

lg + icon-only + pill

lg + icon-only + square

lg + icon-only + circle

lg + icon-left + rectangle

lg + icon-left + rounded

lg + icon-left + pill

lg + icon-left + square

lg + icon-left + circle

lg + icon-right + rectangle

lg + icon-right + rounded

lg + icon-right + pill

lg + icon-right + square

lg + icon-right + circle