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

Consectetur eum deleniti eos autem dolorum. Modi rem quas sed voluptas blanditiis quidem tenetur.

Rem corrupti quidem dolor velit ipsa magnam. Voluptatem enim consequuntur voluptatem vel.

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

Exercitationem iste accusantium ut praesentium sed. Non nulla et molestias minima et nemo.

Divider

Sed vel libero nam et repellendus omnis voluptatem. Quam dignissimos quia repellendus consequatur.

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

Architecto consectetur natus qui sed laboriosam. Odit quisquam expedita eum nulla incidunt aperiam.

Divider

A et enim qui quos. Necessitatibus repudiandae animi exercitationem ut qui.