MotionPlayground.
Explore subtle, lift and disabled motion with interactive buttons.
Motion playgroundHover, press, focus
Global Calm / Expressive / None preferences and reduced-motion settings still apply.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
className | string | No | — | — | Additional CSS class on the outer component element. |