Skip to main content Skip to navigation

Components: Header

How to use

Component to display information at the top of the page.

Header::make()
    ->title($speaker->name)
    ->image(Storage::url($speaker->picture))
    ->extras([
        Text::make('From '.$speaker->origin)
    ]),

Available methods

title(?string $title = null): static

Set the title.

Header::make()
    ->title('John Doe');

badges(array $badges): static

Add badges next to the title

Header::make()
    ->badges([
        Badge::make()->label('VIP')
    ]);

actions(array $actions): static

Adds actions on the left-hand side of the header. Typically buttons.

Header::make()
    ->actions([
        Btn::make()->label('Edit'),
        Btn::make()->label('Delete')
    ]);

extras(array $extras): static

Display extra information under the title.

Header::make()
    ->extras([
        Text::make('[email protected]')->label('E-mail')
    ]);

Inherited methods

The Header component extends the base component and inherits all of its methods.

It also inherits the methods from the following traits: