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

Maiores at tempora et ut ullam unde. Id soluta harum debitis. Autem velit est dicta aut.

Atque incidunt quibusdam labore. Excepturi iste est modi dolor. Enim corrupti nulla ea.

# Text separator

You can use text as a separator. To do 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) }}

Cupiditate numquam iure quia culpa sed. Eius atque beatae iste et non.

Divider

Dolore qui veritatis rerum beatae et culpa maxime. Sint ut aliquid itaque.

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

Aut saepe et dolore architecto consequuntur. Qui sit modi mollitia blanditiis quia recusandae.

Divider

Aut minus non voluptates officiis ut. Quaerat animi sunt cupiditate deserunt asperiores.