Skip to main content

Footer Row

Overview​

A footer row is a layout that is used to stack items horizontally inside the footer. This can be Text, Image or other components. The column can also be a stack of footer columns and other footer columns.

Footer\Layout\FooterRow::make()

Listing Items​

To list items inside the row, use the schema method. The schema method accepts an array of components that will be listed horizontally inside the column. In the example below we are listing 3 text components and a Footer Column.


Footer\Layout\FooterRow::make()
    ->schema([
        Text::make("Item 1"),
        Text::make("Item 2"),
        Text::make("Item 3"),
        Footer\Layout\FooterColumn::make()
            ->schema([
                Text::make("Some title"),
                Text::make("Some subtitle"),
                Text::make("Some subtitle"),
            ])->alignRight(),
    ]),
alt text

Aligning Items to the middle​

The row items can be aligned to the middle by using the alignMiddle method.

Footer\Layout\FooterRow::make()
    ->alignMiddle()
    ->schema([
        Text::make("Item 1"),
        Text::make("Item 2"),
        Text::make("Item 3"),
        Footer\Layout\FooterColumn::make()
            ->schema([
                Text::make("Some title"),
                Text::make("Some subtitle"),
                Text::make("Some subtitle"),
            ])->alignRight(),
    ]),
alt text

Aligning Items to the bottom​

The row items can be aligned to the bottom by using the alignBottom method.

Footer\Layout\FooterRow::make()
    ->alignBottom()
    ->schema([
        Text::make("Item 1"),
        Text::make("Item 2"),
        Text::make("Item 3"),
        Footer\Layout\FooterColumn::make()
            ->schema([
                Text::make("Some title"),
                Text::make("Some subtitle"),
                Text::make("Some subtitle"),
            ])->alignRight(),
    ]),
alt text