Divider

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

# Основы

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

{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
Vitae eius numquam qui a. Natus consequatur molestiae expedita quaerat natus.
Unde sed et ut et. Omnis et libero qui. Non voluptate sed placeat excepturi.

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

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

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}
Dolorem praesentium dolore ab debitis. Est animi accusamus et nemo sunt libero.
Divider
Ab quas qui voluptatem amet. Et debitis aut rerum ut.

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

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" />
{{ fake()->text(100) }}
Non nobis labore sed sit. Molestiae incidunt illo illum sint. In officiis consectetur non.
Divider
Enim alias repudiandae aut est. Qui consequatur sed asperiores eum.