Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

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

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

Default

"primary"

duration

Description

The CSS dur property.

Type

string | number

secondaryColor

Description

The CSS color property.

Type

UIValue<"border" | ({} & string) | Color | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.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