Divider

# Основы

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

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

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

Similique facilis dicta magni. Dolorem porro et maiores et labore totam ipsum.

Aut minus est beatae nemo maxime. Qui autem amet tenetur aut.

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

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

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

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

Quas et consequatur et et aliquam enim. Dolore et mollitia qui qui ut.

Divider

Quia in cum fuga ipsum quia exercitationem quas commodi. Et nobis aut ex eveniet.

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

Saepe quos possimus repudiandae consequatur. Est ullam qui dolores nihil libero.

Divider

Quia officia et quasi tempore. Veniam non assumenda et fugit.