LoaderLinear

SfLoaderLinear is animated loading spinner that can be used to show that some content is loading.

Examples

Sizes

SfLoaderLinear does not set it's own width by default, however you can control its height with the size prop. Possible values are minimal, 'xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl'.

Customizing colors

By default, SfLoaderLinear uses primary-700 as the color of the bar (customizable by setting text color) and neutral-300 as its background.

Playground