Components

Decoration Divider

Make

To divide into zones, you can use the Divider decoration.

use MoonShine\Decorations\Divider; public function components(): array { return [ Divider::make(), ]; } 
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make(),
 
        //...
    ];
}
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make(),
 
        //...
    ];
}

divider divider_dark

Label

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

use MoonShine\Decorations\Divider; public function components(): array { return [ Divider::make('Divider'), ]; } 
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make('Divider'),
 
        //...
    ];
}
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make('Divider'),
 
        //...
    ];
}

divider_label divider_label_dark

Centering

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

use MoonShine\Decorations\Divider; public function components(): array { return [ Divider::make('Divider') ->centered(), ]; } 
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make('Divider')
            ->centered(),
 
        //...
    ];
}
use MoonShine\Decorations\Divider;
 
//...
 
public function components(): array
{
    return [
        //...
 
        Divider::make('Divider')
            ->centered(),
 
        //...
    ];
}

divider_label_center divider_label_center_dark