from
RequiredDescription
Passing React elements to "from" is required.
Type
ReactElement<any, string | JSXElementConstructor<any>>Rotate
Rotate is a component that provides an animation to switch between two elements while rotating.
Props
RotateProps
to
RequiredDescription
Passing React elements to "to" is required.
Type
ReactElement<any, string | JSXElementConstructor<any>>as
Description
The HTML element to render.
Type
keyof ReactDOMcolorScheme
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
RotateIdentDefault
'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: RotateIdent) => voidreadOnly
Description
If true, the component is readonly.
Type
booleanDefault
falserotate
Description
The animation rotation.
Type
numberDefault
45size
Description
The size of the Rotate.
Type
stringvalue
Description
Use this when you want to control the animation from outside the component.
Type
RotateIdentvariant
Description
The variant of the Rotate.
Type
stringEdit this page on GitHub