from
RequiredDescription
Passing React elements to "from" is required.
Type
ReactElement<any, string | JSXElementConstructor<any>>Flip
Flip is a component that provides an animation to switch between two elements while flipping.
Props
FlipProps
to
RequiredDescription
Passing React elements to "to" is required.
Type
ReactElement<any, string | JSXElementConstructor<any>>as
Description
The HTML element to render.
Type
"symbol" | "object" | "clipPath" | "filter" | "g" | "marker" | "mask" | "p" | "text" | "style" | "animate" | "button" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | ... 149 more ... | "textPath"colorScheme
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"defaultValue
Description
You can set the initial state.
Type
FlipIdentDefault
'from'delay
Description
The animation delay.
Type
numberDefault
0disabled
Description
If true, the component is disabled.
Type
booleanDefault
falseduration
Description
The animation duration.
Type
numberDefault
0.4isDisabled
DeprecatedDescription
If true, the component is disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseisReadOnly
DeprecatedDescription
If true, the component is readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falseonChange
Description
This is a callback function that is called when the animation state changes.
Type
(value: FlipIdent) => voidorientation
Description
The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.
Type
FlipOrientationDefault
'horizontal'readOnly
Description
If true, the component is readonly.
Type
booleanDefault
falsesize
Description
The size of the Flip.
Type
stringtransition
Description
The animation transition.
Type
Transition$1value
Description
Use this when you want to control the animation from outside the component.
Type
FlipIdentvariant
Description
The variant of the Flip.
Type
stringEdit this page on GitHub