Appearance

The Loader component provides many predefined appearance options such as different type, sizes, theme colors.

• Type
• Size
• Theme Color

Type

The Loader allows you to set different types.

The available type values are:

• pulsing (Default)— Applies pulsing type on the Loader.
• infinite-spinner— Applies infinite spinner type on the Loader.
• converging-spinner— Applies converging spinner type on the Loader.

Change Theme

Theme

Loading ...

Size

The Loader allows you to set different sizes.

The available size values are:

• small
• medium (Default)
• large

Change Theme

Theme

Loading ...

Theme Color

The Loader allows you to specify predefined theme colors.

The available themeColor values are:

• primary (Default)—Applies coloring based on primary theme color.
• secondary—Applies coloring based on secondary theme color.
• tertiary— Applies coloring based on tertiary theme color.
• info—Applies coloring based on info theme color.
• success— Applies coloring based on success theme color.
• warning— Applies coloring based on warning theme color.
• error— Applies coloring based on error theme color.
• dark— Applies coloring based on dark theme color.
• light— Applies coloring based on light theme color.
• inverse— Applies coloring based on inverted theme color.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Loader
• API Reference of the LoaderProps
• Creating Custom Styles with ThemeBuilder