# `LineaUI.Components.Spinner`
[🔗](https://github.com/devaction-labs/linea_ui/blob/v0.1.1/lib/linea_ui/components/spinner.ex#L1)

LineOne's spinners: the border ring (plain or soft), the growing dot and the SVG ring, with
the linear or the elastic timing.

    <.spinner />
    <.spinner color="primary" variant="soft" elastic />
    <.spinner color="success" variant="grow" size="lg" />
    <.spinner color="error" variant="svg" />

# `spinner`

Renders a spinner (`role="status"`, labelled by `label`).

    <.spinner color="primary" variant="soft" size="md" elastic />

## Attributes

* `color` (`:string`) - `white` and `current` (the text color) are for spinners inside filled buttons. Defaults to `"neutral"`. Must be one of `"neutral"`, `"primary"`, `"secondary"`, `"info"`, `"success"`, `"warning"`, `"error"`, `"white"`, or `"current"`.
* `variant` (`:string`) - `border` is the ring with a gap, `soft` the tinted ring, `grow` the pulsing dot. Defaults to `"border"`. Must be one of `"border"`, `"soft"`, `"grow"`, or `"svg"`.
* `size` (`:string`) - Defaults to `"sm"`. Must be one of `"xs"`, `"sm"`, `"md"`, `"lg"`, or `"xl"`.
* `elastic` (`:boolean`) - LineOne's elastic timing function. Defaults to `false`.
* `label` (`:string`) - Defaults to `"Loading"`.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*