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) }}

Nulla nemo est voluptas non eum. Et et harum consequatur tempore. Optio aut vel sint dolor et.

Eius atque est qui deserunt nobis ut. Expedita laudantium vero architecto fuga voluptates.

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

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

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

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

Doloribus tempore est vero explicabo ea dolor. Voluptas alias unde aut voluptas ex ut.

Divider

Dolores exercitationem eum ducimus unde. Cum est amet at assumenda.

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

Id aliquid vitae est. Distinctio et distinctio ad velit. At sit quisquam aut officiis.

Divider

Maiores saepe cum voluptas voluptas. Et debitis quo sapiente impedit tenetur.