Section

Eine Section gliedert Content in Teilbereiche und trennt sie durch einen Separator.

Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.

import {
  Heading,
  Section,
  Text,
} from "@mittwald/flow-react-components";

<Section>
  <Heading>Newsletter</Heading>
  <Text>
    Kommende Releases, neue Features und Tipps rund um dein
    Hosting – wir bringen dir das Wichtigste in dein
    Postfach. Abonniere unseren Newsletter und bleib auf dem
    Laufenden.
  </Text>
</Section>

Best Practices

Gib jeder Section eine kurze, aussagekräftige Heading‍.
Stelle bei mehreren Sections die wichtigste nach oben. So sieht der User den wichtigsten oder am häufigsten genutzten Content zuerst.
Setze Sections sparsam ein. Verteile umfangreichen Content sonst auf mehrere Seiten oder eine TabNavigation‍.
Beziehe AlertBadge, Badge und Actions immer auf ihre eigene Section.

Mehrere Sections

Werden mehrere Sections untereinander platziert, trennt sie automatisch ein Separator‍.

Datenbanken

Eine Datenbank, die mit einer App verknüpft ist, kann nicht gelöscht werden. Die App nutzt immer die verknüpfte Datenbank.

Cronjobs

Ein Cronjob ist immer fest einer App zugeordnet, du kannst ihn unter dem Menüpunkt Cronjobs bearbeiten und löschen.

Sub-Headings

Sections beginnen in der Regel mit einer H2-Heading‍. Ist eine feinere Unterteilung nötig, platzierst du Headings auf niedrigerem Level (H3) direkt in der Section. Sie erhalten automatisch einen größeren Abstand zum darüberliegenden Content, statt durch einen Separator getrennt zu werden.

DNS Verwaltung

Da du externe Nameserver nutzt, empfehlen wir dir folgende Records bei deinem Provider einzutragen.

A-Record

IPv4-Adresse12.123.123.12

SectionAction

In der rechten oberen Ecke bietet die Section einen Bereich für Actions – die SectionAction. Dort kannst du einen Link‍, einen Switch‍, Buttons‍ oder eine Kombination dieser Components platzieren.

Zur Anmeldung‍

Kommende Releases, neue Features und Tipps rund um dein Hosting – wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.

Autoresponder

Aktivieren

Lasse den Autoresponder für dich arbeiten. Er kann automatisch auf eingehende E-Mails antworten.

Es lassen sich mehrere Buttons nebeneinander anzeigen. Werden jedoch mehr als zwei bis drei Actions nötig, behält die Hauptaktion ihren eigenen Button und alle weiteren wandern in ein ContextMenu‍.

Mein Projekt

Projektname

Dolce Vita

Short-ID

p-lol3qe

Projektdomainp-lol3qe.project.space‍

Kombiniere mit ...

AlertBadge und Badge

Ergänze die Heading‍ mit einem AlertBadge‍ oder einem Badge‍, um den User schnell über den Status oder Metadaten des Inhalts einer Section zu informieren.

Mein Projekt
Produktion
Deaktiviert