Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

Loading

Loading is a component displayed during waiting times, such as when data is being loaded.

Source@yamada-ui/loading

Props

LoadingProps

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"

Default

primary

duration

Description

The CSS dur property.

Type

string | number

message

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

secondaryColor

Description

The CSS color property.

Type

UIValue<"border" | "link" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | Color | "current" | "focus" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | ... 316 more ... | "link.950">

Default

'primary'

size

Description

The size of the Loading.

Type

string

Default

1em

variant

Description

The variant of the Loading.

Type

string

Default

oval

Edit this page on GitHub

PreviousAlertNextSkeleton