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

Soluta et eius voluptatum minus. Magnam et sed nihil nesciunt facere eaque ut.

Optio aperiam eos ea tenetur accusamus ut sed. Placeat omnis et et et et.

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

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

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

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

Illum sed minus molestias magnam. Vel dolores odit aut excepturi.

Divider

Dolores harum quibusdam quia ut nihil totam libero. Illum molestiae quia dicta.

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

Quibusdam eveniet sit adipisci. Nisi error corrupti dicta. Adipisci eaque sapiente earum et.

Divider

Quia iusto ut aut non ducimus. Accusantium est rem ut hic.