Sara UI

logo

Loader

Equivalent to daisyUI's loading component.

As this component is ment to be re-used, it can be configured through the Provider. This will sync all the Loader components to have the selected style.

ball

bars

dots

infinity

ring

spinner

Example

Example.svelte
<script>
  import { Loader } from "saraui"

  const color = "primary"
  const option = "ball"
</script>

//can be sized through text
<span class="text-xl">
  <Loader {color} {option} />
</span

Props

color?:

"primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "error"

option?:

"spinner" | "dots" | "ring" | "ball" | "bars" | "infinity"