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"Slide
Slide is a component that shows or hides an element from the corners of the page.
Props
SlideProps
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
booleanplacement
Description
The placement of the slide.
Type
UIValue<"bottom" | "left" | "right" | "top">Default
'right'size
Description
The size of the Slide.
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 Slide.
Type
stringEdit this page on GitHub