Example flux content element

{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<f:layout name="Content" />

<f:section name="Configuration">
    <flux:form id="container3cols" label="Inhaltscontainer mit 3 Spalten" description="3-spaltiger Inhaltscontainer, dessen Inhalte in drei gleich breiten Spalten dargestellt wird" options="{group: 'Eigene Inhaltselemente', icon: '{f:uri.resource(path: \'Icons/Content/t3-slider-single.png\')}'}">
    	<flux:grid>
			<flux:grid.row>
				<flux:grid.column style="width: 33%;" name="content.left" label="Inhalt links"></flux:grid.column>
				<flux:grid.column style="width: 33%;" name="content.middle" label="Inhalt mitte"></flux:grid.column>
				<flux:grid.column style="width: 33%;" name="content.right" label="Inhalt rechts"></flux:grid.column>
			</flux:grid.row>
		</flux:grid>
    </flux:form>
</f:section>

<f:section name="Preview">
	<flux:widget.grid />
</f:section>

<f:section name="Main">
    <div class="boxesContainer container threeCols">
        <div class="item w33">
            <flux:content.render area="content.left" />
        </div>
        <div class="item w33">
            <flux:content.render area="content.middle" />
        </div>
        <div class="item w33">
            <flux:content.render area="content.right" />
        </div>
    </div>
</f:section>