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

Et dolore voluptas et. Et deserunt quaerat ad consequatur odit id. Enim earum tempore nihil quo.

Aliquam illo sequi rem unde quo sunt placeat. Minima nobis dolor rem omnis.

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

Illum ratione aut cupiditate inventore. Aut perspiciatis blanditiis voluptate fugit fugit.

Divider

Tenetur in expedita quod corporis qui eaque eius. Aperiam dolorum omnis est id et alias dolore.

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

Corrupti occaecati aut ad quis exercitationem. Deserunt adipisci recusandae sed rerum et sint et.

Divider

Quidem et nihil et magnam. Cupiditate ratione architecto nihil sed qui.