@gravity-ui/uikit
Version:
Gravity UI base styling and components
29 lines (19 loc) • 835 B
Markdown
# Loader
The `Loader` component displays the loading progress as flashing bars. Unlike `Spin`, this component is used in global scenarios, e.g., for an entire page or `Dialog`.
```tsx
import {Loader} from '@gravity-ui/uikit';
```
### Size
```tsx
<Loader size="s" />
<Loader size="m" />
<Loader size="l" />
```
`S`: Small size, used when the regular loader is too large.
`M`: Medium (basic) size, used in most cases.
`L`: Large size, used when the regular loader is too small.
## Properties
| Name | Description | Type | Default |
| :-------- | :------------------------------------ | :---------------: | :-----: |
| size | Loader size | `"s"` `"m"` `"l"` | `"s"` |
| className | Custom CSS class for the root element | `string` | |