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

Optio consequatur fuga eum ullam. Eum ut voluptatem praesentium qui beatae et.

Doloribus rerum assumenda fugiat vel inventore nemo aut. Debitis velit explicabo totam esse nemo.

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

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

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

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

Mollitia et sit nihil in ullam animi. Autem molestiae sint sit ut qui labore. Eum et ullam atque.

Divider

Deserunt at corporis distinctio amet sequi. Voluptates eum tempore nisi impedit et sed.

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

Recusandae id fugit in nobis eaque animi. Commodi corrupti aliquam qui ad et temporibus qui.

Divider

Cumque eveniet maiores et dolores iste incidunt impedit. Eos autem dolorem aut ipsa.