Divider

• Basics
• Label
• Centering

Basics

To divide HTML content into areas, you can use Divider.

use MoonShine\UI\Components\Layout\Divider;
 
Divider::make()
use MoonShine\UI\Components\Layout\Divider;
 
Divider::make()

<x-moonshine::layout.divider/>
<x-moonshine::layout.divider/>

Label

You can use text as a separator; to do this, you need to pass it to the make() method.

Divider::make('Separator')
Divider::make('Separator')

Centering

The centered() method allows you to center the text.

Divider::make('Separator')
    ->centered()
Divider::make('Separator')
    ->centered()