Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

Fade

Fade is a component that gradually shows or hides an element.

Source@yamada-ui/transitions

Props

FadeProps

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"

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

any

isOpen

Description

Show the component. triggers when enter or exit states.

Type

boolean

transition

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

boolean

Edit this page on GitHub

PreviousCollapseNextScaleFade