Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.5.1

Slide

Slideは、要素をページの隅から表示または非表示にするコンポーネントです。

ソース@yamada-ui/transitions

Props

SlideProps

as

タイプ

"symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "text" | "g" | "p" | "big" | "link" | "small" | "sub" | "sup" | "style" | "animate" | "div" | "a" | "abbr" | "address" | ... 148 more ... | "textPath"

colorScheme

説明

The visual color appearance of the component.

タイプ

"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

説明

Custom delay definition for enter and exit.

タイプ

number | Partial<Record<"exit" | "enter", number>>

duration

説明

Custom duration definition for enter and exit.

タイプ

number | Partial<Record<"exit" | "enter", number>>

enter

説明

Custom enter.

タイプ

any

isOpen

説明

Show the component. triggers when enter or exit states.

タイプ

boolean

placement

説明

The placement of the slide.

タイプ

UIValue<"bottom" | "left" | "right" | "top">

デフォルト

'right'

size

説明

The size of the Slide.

タイプ

string

transition

説明

Custom transition definition for enter and exit.

タイプ

Partial<Record<"exit" | "enter", Transition$1>>

transitionEnd

説明

Custom transitionEnd definition for enter and exit.

タイプ

Partial<Record<"exit" | "enter", MakeCustomValueType<TargetProperties>>>

unmountOnExit

説明

If true, the element will unmount when isOpen={false} and animation is done.

タイプ

boolean

variant

説明

The variant of the Slide.

タイプ

string

GitHubでこのページを編集する

ScaleFadeSlideFade