Spinner

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы

# Основы

C помощью компонента moonshine::spinner можно создавать индикаторы загрузки

<x-moonshine::spinner />

<x-moonshine::spinner />

# Размер

Доступные размеры:

sm md lg xl

<x-moonshine::spinner size="sm" />
<x-moonshine::spinner size="md" />
<x-moonshine::spinner size="lg" />
<x-moonshine::spinner size="xl" />

<x-moonshine::spinner size="sm" />
<x-moonshine::spinner size="md" />
<x-moonshine::spinner size="lg" />
<x-moonshine::spinner size="xl" />

# Цвет

Доступные цвета:

Purple Pink Blue Green Yellow Red Gray

<x-moonshine::spinner color="purple" />
<x-moonshine::spinner color="pink" />
<x-moonshine::spinner color="blue" />
<x-moonshine::spinner color="green" />
<x-moonshine::spinner color="yellow" />
<x-moonshine::spinner color="red" />
<x-moonshine::spinner color="gray" />

<x-moonshine::spinner color="purple" />
<x-moonshine::spinner color="pink" />
<x-moonshine::spinner color="blue" />
<x-moonshine::spinner color="green" />
<x-moonshine::spinner color="yellow" />
<x-moonshine::spinner color="red" />
<x-moonshine::spinner color="gray" />

# Позиционирование

Параметр absolute="true" задает абсолютное позиционирование индикатора загрузки

<x-moonshine::spinner :absolute="true" />

<x-moonshine::spinner :absolute="true" />

Параметр fixed="true" задает фиксированное позиционирование индикатора загрузки

<x-moonshine::spinner :fixed="true" />

<x-moonshine::spinner :fixed="true" />