Skip to content
On this page

Filter Input

On this page
Experimental
18 variants
Edited by Lukas Oppermann on 15 Dec 2022
Figma

Playground

si,,,z,,,e: small, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: small, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: small, st,,,a,,,t,,,e: loading, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: medium, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: medium, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: medium, st,,,a,,,t,,,e: loading, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: large, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: large, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: large, st,,,a,,,t,,,e: loading, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: false
si,,,z,,,e: small, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
si,,,z,,,e: small, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
si,,,z,,,e: medium, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
si,,,z,,,e: medium, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
si,,,z,,,e: large, st,,,a,,,t,,,e: rest (default), pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
si,,,z,,,e: large, st,,,a,,,t,,,e: focus, pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r: true
pl,,,a,,,c,,,e,,,h,,,o,,,l,,,d,,,e,,,r
si,,,z,,,e
st,,,a,,,t,,,e

Props

NameTypeValuesDefault
si,,,,,,,z,,,,,,,eVariantlargemediumsmallsmall
st,,,,,,,a,,,,,,,t,,,,,,,eVariantfocusloadingrest (default)rest (default)
pl,,,,,,,a,,,,,,,c,,,,,,,e,,,,,,,h,,,,,,,o,,,,,,,l,,,,,,,d,,,,,,,e,,,,,,,rVariantfalsetruefalse

Size

si,,,,,,,,,,,,,,,z,,,,,,,,,,,,,,,e: small, st,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,e: rest (default), pl,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,c,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,h,,,,,,,,,,,,,,,o,,,,,,,,,,,,,,,l,,,,,,,,,,,,,,,d,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,r: false

State

si,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,z,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e: small, st,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e: rest (default), pl,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,c,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,h,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,o,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,l,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,d,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,r: false

Placeholder

si,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,z,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e: small, st,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,t,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e: rest (default), pl,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,a,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,c,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,h,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,o,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,l,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,d,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,e,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,r: false