as
Type
"symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "text" | "g" | "p" | "big" | "link" | "small" | "sub" | "sup" | "style" | "animate" | "div" | "a" | "abbr" | "address" | ... 148 more ... | "textPath"SlideFade
SlideFade is a component that gradually shows or hides an element while moving it from a specified position.
Props
SlideFadeProps
colorScheme
Description
The visual color appearance of the component.
Type
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"delay
Description
Custom delay definition for enter and exit.
Type
number | Partial<Record<"exit" | "enter", number>>duration
Description
Custom duration definition for enter and exit.
Type
number | Partial<Record<"exit" | "enter", number>>enter
Description
Custom enter.
Type
anyisOpen
Description
Show the component. triggers when enter or exit states.
Type
booleanoffsetX
Description
The offset on the horizontal or x axis.
Type
UIValue<string | number>Default
0offsetY
Description
The offset on the vertical or y axis.
Type
UIValue<string | number>Default
8reverse
Description
If true, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out.
Type
booleanDefault
truesize
Description
The size of the SlideFade.
Type
stringtransition
Description
Custom transition definition for enter and exit.
Type
Partial<Record<"exit" | "enter", Transition$1>>transitionEnd
Description
Custom transitionEnd definition for enter and exit.
Type
Partial<Record<"exit" | "enter", MakeCustomValueType<TargetProperties>>>unmountOnExit
Description
If true, the element will unmount when isOpen={false} and animation is done.
Type
booleanvariant
Description
The variant of the SlideFade.
Type
stringEdit this page on GitHub