DisplayOptions

Ansicht, Gruppierung und Sortierung, Schalter und die anzuzeigenden Eigenschaften, hinter einem Kreis am Ende einer Werkzeugleiste.

Quelltext
import { DisplayOptions } from "@logicplanes/kaeso-ui";

Props

  • footer
    ReactNode

    Inhalt am unteren Rand der Optionen, etwa einen Button zum Zurücksetzen.

  • inline
    boolean

    Das Panel inline rendern (Dokumentation und Zustandsmatrizen).

  • properties
    { options: { value: string; label: string; }[]; value: string[]; onChange: (v: string[]) => void; }

    Die Eigenschaften, die für jedes Element angezeigt werden.

  • rows
    DisplayOptionsRow[]

    Zeilen mit Auswahlmöglichkeiten, etwa Gruppierung und Sortierung.

  • toggles
    DisplayOptionsToggle[]

    Schalter, etwa zum Anzeigen archivierter Elemente.

  • trigger
    "secondary" | "ghost" = secondary

    Das Aussehen des Buttons, der die Optionen öffnet.

  • view
    { value: string; options: SegmentedOption[]; onChange: (v: string) => void; }

    Eine Wahl zwischen Ansichten, etwa Liste und Board.