EXT:fluid_components_backend

Fertige Fluid-Komponenten für Backend-Templates: Tabs, ausklappbare Panels, Infoboxen und Buttons als typisierte ViewHelper-Tags, die automatisch zum nativen Backend-Look passen. Sinnvoll für Content-Element-Previews und eigene Backend-Module.

Komponenten

Tabs

<fb:molecule.tabs>
    <f:fragment name="header">
        <fb:atom.tabHeader id="one" active="1" header="Tab #1" />
        <fb:atom.tabHeader id="two" header="Tab #2" />
    </f:fragment>
    <f:fragment name="content">
        <fb:atom.tabContent id="one" active="1" content="Lorem ipsum" />
        <fb:atom.tabContent id="two" content="Inhalt #2" />
    </f:fragment>
</fb:molecule.tabs>

Panel

<fb:molecule.panel collapseIdentifier="c{item.uid}" title="Mein Header">
    {content}
</fb:molecule.panel>

Infobox

<fb:molecule.infobox icon="actions-brand-typo3" title="Infobox">
    {content}
</fb:molecule.infobox>

Button

<fb:atom.button>{cta.label}</fb:atom.button>

Storybook-Integration

Die mitgelieferten Stories in die main.ts einbinden:

'../vendor/georgringer/fluid-components-backend/.storybook/**/*.stories.ts'

Requirements

Paket	Version
TYPO3 CMS Fluid	≥ 13