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

Dignissimos a non sed qui. Non est nisi ea eligendi.

Commodi eum minima est consequatur. Omnis illum iste at facilis. Veritatis labore odit iste.

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

Consequuntur quo ex voluptas dolor dolorem natus. Est sint saepe fugiat quo omnis odio et et.

Divider

Quibusdam maxime ab excepturi deleniti dolorem. Iusto illum praesentium blanditiis et.

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

Rem et id iusto adipisci qui aut aspernatur pariatur. Explicabo cupiditate aut rerum tempore est.

Divider

Nam aperiam voluptate cupiditate. Quasi quaerat soluta tenetur totam voluptatibus autem et.