LineaUI.Components.Spinner (linea_ui v0.1.1)

Copy Markdown View Source

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" />

Summary

Functions

spinner(assigns)

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

Functions

spinner(assigns)

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.