Divider

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

Разделы
- Основы
- Текстовый разделитель

# Основы

Компонент moonshine::divider позволяет создать стилизованный разделитель контента

{{ fake()->text(100) }}
<x-moonshine::divider /> 
{{ fake()->text(100) }}

{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}

Ut ducimus et et ipsum aspernatur aspernatur sint quas. Qui et sit et. Quo vitae et a hic.

Minima officia aperiam incidunt numquam. Esse esse hic explicabo autem rem accusantium eum.

# Текстовый разделитель

В качестве разделителя можно использовать текст, для этого необходимо указать текст в параметре label

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" /> 
{{ fake()->text(100) }}

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}

Assumenda autem eius vitae autem. Quis minus porro animi architecto.

Divider

Ad ut labore a est ex. Ut laboriosam cupiditate totam soluta velit quia sunt.

Параметр centered позволяет разместить текст по центру

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" /> 
{{ fake()->text(100) }}

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" />
{{ fake()->text(100) }}

Ut voluptatem et similique cumque esse aliquam. Autem nam numquam totam laborum rerum eum vel.

Divider

Magnam provident veniam quasi et distinctio. Distinctio eius tempore est at voluptatem.