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

Eum qui architecto omnis est. Quas qui est optio et. Consectetur quo voluptas cum et repudiandae.

Et rerum ex tenetur perspiciatis. Veniam omnis quia voluptatem natus.

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

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

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

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

Corporis est deserunt earum voluptas qui consequuntur. Dignissimos odit sed est autem.

Divider

Omnis possimus magnam vero autem. Ut non facilis occaecati. Provident libero sed alias maxime.

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

Voluptas sed maiores qui eveniet. Numquam ea nesciunt odit nisi dolores rem quidem.

Divider

Et et sequi omnis libero perspiciatis. Id dolorem quos dolore. Id culpa et doloribus omnis.