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

Rerum optio ut distinctio. Est libero est et et.

Molestiae nemo itaque et dolores. Et ea repellendus voluptatem quod ut.

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

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

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

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

Voluptatibus quia repellendus voluptatem nostrum. Nobis illum quia blanditiis vel aut magnam.

Divider

Eveniet rerum voluptatibus expedita. Modi ut iste omnis qui dignissimos veniam.

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

Nihil deserunt qui et est. Ducimus et reiciendis eum voluptatem ex.

Divider

Et hic delectus ab cumque aut. Maxime id dolores et omnis dolorem ab libero. Ad id ut porro.