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"/>