ADVANCED
Buttons
Standard button styles
Theme: theme
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: primary
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: default
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: overlay
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: teal
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: cyan
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: sky
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: blue
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: ghost
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: outline
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Design: textOnly
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: full
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Theme: indigo
Design: solid
Rounding: none
xxs:
xs:
sm:
md:
lg:
xl:
2xl:
Rounding: md
xxs:
xs:
sm:
md:
lg: