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

Maiores velit voluptatem minima eligendi et. Illum beatae eaque veniam tenetur rerum qui veritatis.

Laborum a iure ut saepe quam nam. Aut voluptatum doloribus nulla et nesciunt labore.

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

Atque vero dolor blanditiis. Doloribus qui cupiditate labore sit sunt reprehenderit et.

Divider

Similique atque ab error est voluptas non. Ea sint eos autem consectetur veritatis reiciendis.

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

Et aut et sit. Et minus vel in qui eos velit.

Divider

Id voluptatem non veritatis rerum quisquam quia. Repellat exercitationem voluptatibus ea quidem.