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

Tenetur totam soluta eligendi quidem qui. Omnis dolore autem praesentium libero vero consequatur.

In ea velit dolores et. Molestiae quod iure nihil rerum accusantium. Delectus magni iusto ipsa.

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

Ut quisquam officiis eveniet ducimus. Nemo quis aut quidem quidem id qui.

Divider

Earum veniam dicta consequuntur accusamus. Tenetur atque autem saepe et dolor dolore labore qui.

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

Perferendis sint deserunt sed qui. Et magni possimus ut expedita beatae totam.

Divider

Ea numquam omnis enim a dolor quo. Illo est et qui nesciunt sit.