Divider

# Основы

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

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

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

Maxime id itaque ratione tempora. Quos sed explicabo ab alias et minima at libero.

Est libero soluta ea quis molestiae id. Laudantium accusamus mollitia voluptatem optio voluptatem.

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

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

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

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

Eaque fuga voluptatem sit corporis. Distinctio animi quae et aliquam.

Divider

Doloremque aut nostrum dolorem. Et ratione et ut occaecati.

Параметр 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) }}

Qui quae maxime ut aut quis laudantium impedit. Incidunt dolores id eligendi occaecati neque quam.

Divider

Omnis quia excepturi dolorem. Neque voluptas consequuntur itaque quo veritatis libero consequatur.