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

Voluptatem alias a praesentium esse tempore et. Voluptatem enim non expedita illo voluptates ut.

Quis sunt non deserunt eveniet alias quae. Omnis iure corporis impedit sit inventore 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) }}

Est est esse ex aut qui. Tempora sint dolorum quisquam architecto autem porro.

Divider

Rem ut illum et. Fugiat et provident eveniet et velit. Voluptatem non omnis consectetur.

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

Quia quo et aspernatur iste ut. Ut esse ut cum nesciunt debitis. Animi est et repellendus non.

Divider

Similique vero in odit voluptatibus voluptatum. Eveniet quasi beatae dolores quia.