Feedback

Loader

A compact progress indicator for indeterminate work.

LoaderView source

Example

The preview is interactive. The code below it is the docs demo source; demo-only layout classes can be omitted in application code.

tsx

import { Loader } from "innate-ui";

export function LoaderDemo() {
  return <Loader label="Loading" />;
}

API reference

This table is generated from Innate UI's exported TypeScript declarations and JSDoc. Native element attributes inherited by a prop type are not repeated here.

LoaderProps

Prop	Type	Default
`label` Accessible status label.	`JSX.ValueOrCell<string>`	`"Loading"`
`size` Loader size.	`JSX.ValueOrCell<LoaderSize>`	`"medium"`

Inspect the typed source →