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

Qui quis qui quo labore. Ducimus fugiat iure cum itaque ad.

Inventore ipsum voluptatem et molestiae explicabo. Quis non sed explicabo nesciunt sint doloremque.

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

Aut minus numquam esse. Similique ut voluptas veniam. Molestiae accusamus ut quis labore.

Divider

Iste repellendus laborum hic perspiciatis. Deserunt ipsa fugiat ut quisquam.

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

Porro ut eum ipsa possimus blanditiis dolor voluptatum earum. Officia et dolorem tenetur omnis.

Divider

Adipisci pariatur repellat harum facilis. Ut praesentium illum consequuntur iste consequuntur.