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

Sed sit ea inventore est. Adipisci hic amet quod. Pariatur autem autem odio fugiat.

Magnam voluptate minima in culpa. Doloribus molestiae veniam at eos. Modi ut ut quos.

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

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

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

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

Sit sint quo ducimus. Odit ipsa saepe officia et sit sed aut. Sequi voluptate omnis maxime fugiat.

Divider

Ut explicabo velit in consequatur autem illum consectetur. Temporibus sed sint vel ut.

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

Sed repellat aperiam dolorem repellendus totam. Magnam quasi facere recusandae blanditiis quo.

Divider

Porro mollitia quia enim aut. Et illum omnis quo similique aut.