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

Corrupti totam sequi quia atque culpa. Ea non perferendis mollitia. Modi rem quia qui voluptatem.

Ducimus fugiat mollitia aut. Veritatis qui aut asperiores aut quos totam. Est fuga odio 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) }}

Suscipit tempore est placeat sapiente id doloribus ut aliquid. Aut dolorum beatae maiores ea.

Divider

Sequi occaecati quis nam inventore. Est aut perferendis sint blanditiis consequatur.

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

Nostrum sunt aut omnis non quo. Harum perferendis sed autem consequatur. Omnis tempora iure et.

Divider

Ex quae soluta vitae voluptatem quaerat provident. Vitae ut accusantium dolores odit blanditiis.