Divider

You're browsing the documentation for an old version of MoonShine. Consider upgrading your project to MoonShine 2.x.

Sections
- Basics
- Text divider

# Basics

The moonshine::divider component allows you to create a stylized content divider

{{ fake()->text(100) }}
<x-moonshine::divider /> 
{{ fake()->text(100) }}

{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}

Quia est voluptatibus alias dolor sapiente rerum at. Minus magnam laborum non qui.

Laborum enim nihil quos corrupti sint. Accusantium ut rerum quo.

# Text divider

You can use text as a separator, for this you need to specify the text in the label parameter

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

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

Ipsa qui quas consequatur repellat facere totam voluptates doloremque. Et non et non.

Divider

Sed sequi similique repellat tempora. Aut pariatur ex quasi fugit reprehenderit autem.

The centered parameter allows you to center the text

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

Porro quisquam eaque fugit delectus alias. Facilis dolor optio quis sequi saepe enim.

Divider

Consectetur quasi ut qui architecto quod nesciunt. Minima nam illo et iure nobis fugit fugit.