Loader

A feedback component that displays an animation indicating an ongoing system background process.

Sizes

Use the loader-{size} class to control the component size.

Size values can include:smmdlgxl.

For more information on all available font size utilities, visit Tailwind

Palette

Use the text-{color} class to control the component color. Refer to the Colors documentation to see all available color and shade options.

For more information on all available color utilities, visit Tailwind .

Customizing

globals.css


:root {
  --ex-loader-duration: 500ms;
 
  --ex-loader-font-size-sm: var(--text-sm);
  --ex-loader-font-size-md: var(--text-base);
  --ex-loader-font-size-lg: var(--text-lg);
  --ex-loader-font-size-xl: var(--text-xl);
}

API

Element	Selector
`Loader`	`.ex-loader`

Prop	Type	Default
`as`	`ElementType`	`span`
`asChild`	`boolean`	`false`