button

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

<f:section name="Configuration">
    <flux:form id="button" label="Button" icon="../typo3conf/ext/nimelements/Resources/Public/icons/button.png">
        <!-- Insert fields, sheets, grid, form section objects etc. here, in this flux:flexform tag -->

        <flux:field.input name="url">
            <flux:wizard.link label="URL"/>
        </flux:field.input>
        <flux:field.input name="title" placeholder="title"/>
        <flux:field.checkbox name="mobile"  label="Mobile anzeigen" default="1"/>
        <flux:field.checkbox name="tablet"  label="Tablet anzeigen" default="1"/>
        <flux:field.checkbox name="desktop" label="Desktop anzeigen" default="1"/>
    </flux:form>
</f:section>

<f:section name="Preview">
</f:section>

<f:section name="Main">
    <div class="selective-show mobile-{mobile} tablet-{tablet} desktop-{desktop}">
        <nim:button url="{url}" text="{title}"/>
    </div>
</f:section>