Renders an animated loader.

Types

• "dots" (default): Three bouncing dots
• "bars" / "wave": Five animated bars
• "pulse": Pulsing circle
• "ring": Spinning ring

Examples

<.loader />
<.loader type="bars" color="primary" />
<.loader type="pulse" size="lg" />

Attributes

• type (:string) - Loader animation type. Defaults to "dots". Must be one of "dots", "bars", "pulse", "ring", or "wave".
• size (:string) - Loader size. Defaults to nil. Must be one of nil, or "lg".
• color (:string) - Loader color. Defaults to nil. Must be one of nil, "primary", "secondary", "success", "danger", "warning", or "info".
• class (:string) - Defaults to nil.
• Global attributes are accepted.

Renders a centered loader container (flexbox centering).

Attributes

• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

Renders a centered loader overlay with backdrop.

Attributes

• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block

Renders a spinner.

Examples

<.spinner />
<.spinner size="lg" variant="primary" />

Attributes

• size (:string) - Defaults to nil.Must be one of nil, "xs", "sm", "md", "lg", "xl", or "2xl".
• variant (:string) - Spinner color variant. Defaults to nil. Must be one of nil, "primary", "secondary", "success", "danger", "warning", or "info".
• class (:string) - Defaults to nil.
• Global attributes are accepted.