Usage
By default, loader will be rendered with theme.primaryColor
. You can choose any color defined in theme.colors
:
Color
Shades
Size
xs
sm
md
lg
xl
Variant
Configure default loader
You can configure default loader in MantineProvider, it will be used in Loader and LoadingOverlay components by default:
Size
Size controls loader height or width (depends on loader variant). Loader has predefined sizes: xs, sm, md, lg, xl. Alternatively, you can use a number to set width and height:
Loader component props
Name | Type | Description |
---|---|---|
color | MantineColor | Loader color from theme |
size | number | "xs" | "sm" | "md" | "lg" | "xl" | Defines width of loader |
variant | "bars" | "oval" | "dots" | Loader appearance |