Skip to content
Animations

ShakeAnimation

Horizontal shake animation applied to wrapped content — ideal for invalid form inputs or error states.

Preview:
1280px
Invalid input — this field is required

Props

PropTypeDefaultDescription
shakebooleanfalseTrigger the shake animation when true.
childrenReactNodeContent to apply the shake to.
intensitynumber6Pixel offset for the shake displacement.
classNamestringAdditional CSS class names.