Spinner

Animated loading indicators supporting circular rings, bouncing dots, pulsating bars, and radar pings.

Component Syntax

blade

<x-aura::spinner type="ring" size="md" />

1. Spinner Varieties

blade

Ring

Dots

Bars

Ping

<x-aura::spinner type="ring" size="lg" />

<x-aura::spinner type="dots" size="lg" />

<x-aura::spinner type="bars" size="lg" />

<x-aura::spinner type="ping" size="lg" />

2. Size Scale

blade

xs

sm

md

lg

xl

<x-aura::spinner size="xs" />

<x-aura::spinner size="sm" />

<x-aura::spinner size="md" />

<x-aura::spinner size="lg" />

<x-aura::spinner size="xl" />

Component Props

Available properties and configurations for the spinner loading indicator component.

Prop	Default	Available Values
type	ring	ring dots bars ping
size	md	xs sm md lg xl
variant	default	default primary success warning danger white

Aura Wire

Component Library

Spinner

Component Syntax

1. Spinner Varieties

2. Size Scale

Component Props

Tooltip

Breadcrumb

Aura Wire