DisplayOptions

View, grouping and ordering, toggles, and the properties to show, behind one circle at the end of a toolbar.

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

Props

  • footer
    ReactNode

    Content at the bottom of the options, such as a reset button.

  • inline
    boolean

    Render the panel inline (documentation and state matrices).

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

    The properties shown for each item.

  • rows
    DisplayOptionsRow[]

    Rows of choices, such as grouping and ordering.

  • toggles
    DisplayOptionsToggle[]

    Switches, such as showing archived items.

  • trigger
    "secondary" | "ghost" = secondary

    The look of the button that opens the options.

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

    A choice between views, such as list and board.