Centered Content

Center content within a container. This container could be any block level element, say a div

<x-bladewind::centered-content size="tiny">

    <x-bladewind::card>
        this content is centered in this column
    </x-bladewind::card>

</x-bladewind::centered-content>

There are different sizes for the centered content component which are too wide for this documentation space. Try them out in your layouts to see how they look.

<x-bladewind::centered-content size="small">

    <x-bladewind::card>
        this content is centered in this column
    </x-bladewind::card>

</x-bladewind::centered-content>

Full List Of Attributes

The table below shows a comprehensive list of all the attributes available for the Centered Content component.

Centered Content with all attributes defined

<x-bladewind::centered-content
size="medium"/>