co-loader
This content is not available in your language yet.
Three-ball Google-style loader. Inline by default; pass overlay to fill the nearest positioned ancestor with a backdrop (drop-in replacement for q-inner-loading from V1’s SkLoader).
Ver código
<co-loader></co-loader>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
background | background | string | '' | CSS color for the overlay backdrop. Only applied when `overlay=true`. |
overlay | overlay | boolean | false | Render as an absolute-positioned overlay over the nearest positioned ancestor. When false (default) the loader is inline. |
size | size | "lg" | "md" | "sm" | 'md' | Size of the ball animation. `sm` ~42px wide for tight UI like dropdown bodies; `md` (default) ~75px for drawers/boot; `lg` ~100px for big empty screens. |
text | text | string | '' | Optional text label below the balls. Multi-line is supported. |
visible | visible | boolean | true | Show the loader. When false the component renders nothing so it doesn't hold layout space or run animations while hidden. |
Eventos
Este componente no emite eventos personalizados.
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(balls) | |
::part(root) | |
::part(text) |
CSS Custom Properties
Este componente no expone CSS custom properties.