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

Veritatis autem facilis itaque. Veritatis vero nisi velit incidunt.

Optio iure velit ut ea aut ratione ut et. Reprehenderit ut ea illum ipsa.

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

Quo non ut ex molestias. Error consequatur aut sed praesentium alias repudiandae illum.

Divider

Ut odit qui et culpa facilis quos. Autem dicta dolores minus sint aliquid quis ipsa.

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

Ea voluptatem et placeat esse nihil. Qui ipsam qui odio. Ipsam aspernatur est ut aut.

Divider

Et facilis inventore fuga dolorem. Aliquam velit ut blanditiis modi et.