Divider

# Basics

The moonshine::divider component allows you to create a stylized content divider.

{{ fake()->text(100) }}
<x-moonshine::divider />
{{ fake()->text(100) }}
Quis distinctio et et recusandae sed. At voluptatum reprehenderit possimus temporibus amet illo.
Voluptatem laborum sunt quae nesciunt aut. Velit et aut laboriosam aut ut sunt.

# 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) }}
Quis et et tempora nemo deserunt qui. Qui at tempora qui nihil. Sed modi et facilis ab dolor.
Divider
Et itaque explicabo ratione voluptatem quis dolor dolore. Aut et est doloribus eius consequatur.

The centered parameter allows you to center the text.

{{ fake()->text(100) }}
<x-moonshine::divider label="Divider" :centered="true" />
{{ fake()->text(100) }}
Est et culpa sit qui. Expedita dolorem facere error voluptas eligendi temporibus.
Divider
Similique aut aperiam iure unde. Neque possimus dignissimos in ad. Consequuntur dolorem quia sequi.