Skeleton

Skeleton is used to display the loading state of some component.

Props#

`colorScheme`

Description

Color Schemes for Skeleton are not implemented in the default theme. You can extend the theme to implement them.

Type

string

`endColor`

Description

The color at the animation end

Type

string

`fadeDuration`

Description

The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.

Type

number

Default

0.4

`fitContent`

Description

If true, the skeleton will take the width of it's children

Type

boolean

`isLoaded`

Description

If true, it'll render its children with a nice fade transition

Type

boolean

`size`

Description

Sizes for Skeleton are not implemented in the default theme. You can extend the theme to implement them.

Type

string

`speed`

Description

The animation speed in seconds

Type

number

Default

0.8

`startColor`

Description

The color at the animation start

Type

string

`variant`

Description

Variants for Skeleton are not implemented in the default theme. You can extend the theme to implement them.

Type

string

Edit this page on GitHub