Loader
Use the KLoader component to indicate that a background process like an HTTP request or data computation is ongoing.
Progress Indication
This represents content that is being loaded.
When loading is active, an overlay appears over this content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
// Overlay usage (covers parent container which should have position: relative)
.loader-container
KLoader(:loading="isLoading" overlay)
p Content inside container
// Inline usage
KLoader(loading size="small")
Configure the KLoader component using these attributes.
| Name | Type | Default | Description |
|---|
| loading | boolean | false | Controls the visibility of the loader |
| overlay | boolean | false | Overlays the loader across the parent container |
| size | 'small' | 'medium' | 'large' | 'medium' | The size of the loader |