logo
v2.5.8

Centered Content

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

this card is centered in this column
        
            <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.

this card is centered in this column
        
            <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.

IMPORTANT: Projects running Laravel 8 please read this

Option Default Available Values
size xl tiny small medium big xl xxl omg

Centered Content with all attributes defined

        
            <x-bladewind.centered-content
                size="medium"/>
        
    
The source file for this component is available in resources > views > components > bladewind > centered-content.blade.php