Компонент moonshine::divider позволяет создать стилизованный разделитель контента.
{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
Вы можете использовать текст в качестве разделителя. Для этого необходимо указать текст в параметре label.
{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}
{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}
{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" />
{{ fake()->text(100) }}
Параметр 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) }}
{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" />
{{ fake()->text(100) }}
