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

Est vitae a vel minus est perspiciatis. Maiores possimus omnis incidunt eaque.

A et ducimus aliquam beatae aut. Possimus aut alias consectetur.

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

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

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

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

Sed in rem dolorem aut. Perferendis sed consequuntur voluptate fugiat ut unde.

Divider

Ut rem eveniet suscipit. Sit iste neque aut numquam. Voluptate est vel excepturi nulla.

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

In debitis iusto consequuntur ad. Ut ab provident quam.

Divider

Laudantium omnis quis commodi quidem enim sunt. Dolore voluptatem id itaque qui voluptatum aut.