@wix/design-system
Version:
@wix/design-system
35 lines (32 loc) • 1.2 kB
Markdown
### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests
### children
- type: ReactNode
- description: Node to animate (one child node)
### active
- type: boolean
- description: Triggers the animation transition
### onStart
- type: (event: AnimationEvent<HTMLDivElement>) => void
- description: A callback fired immediately after the animation starts.
### onEnd
- type: (event: AnimationEvent<HTMLDivElement>) => void
- description: A callback fired immediately after the animation ends.
### loop
- type: boolean
- description: When set to true, the child component animate repetitively until stopped by other event
- default: true
### delay
- type: string | number
- description: Set a delay before the animation execution. When provided a number- sets this as `ms`.
### color
- type: "B10" | "R10" | "P10" | "G10"
- description: The color of the animation
### borderRadius
- type: string | number | string & {}
- description: Sets the border-radius css property of the animation
### fluid
- type: boolean
- description: Changes fluidity from fit-content to 100% and allows children to stretch to its parent container width
- default: false