Divider

# Основы

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

{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
Rem nulla qui repudiandae. Quia incidunt blanditiis autem. Aut laudantium iusto ipsum.
Eveniet blanditiis delectus consequuntur. At nihil quo possimus eligendi deleniti totam quos.

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

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

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}
Molestiae est iste voluptatum voluptatem sit. Eius ut facere et quaerat perspiciatis.
Divider
Maiores repudiandae quasi non esse ut dolorem ipsum. Et soluta voluptas at animi excepturi.

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

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" />
{{ fake()->text(100) }}
Ipsum ut voluptatem exercitationem repellendus. Ut natus vel laborum id facere quidem.
Divider
Eos esse temporibus aspernatur. Et quia vero rem perspiciatis qui rem.