Properties of the SectionControl React component.

interface SectionControlProps {
    children?: ReactNode;
    collapsed?: boolean;
    collapsedChange?: (value: boolean) => void;
    collapsible?: boolean;
    summary?: string;
    text?: string;
    textAlign?: "left" | "right" | "center";
}

Properties

children?: ReactNode

Children that will be included in this section.

collapsed?: boolean

The current collapsed state.

collapsedChange?: (value: boolean) => void

Callback that will be called when this section has been collpsed or expanded.

Type declaration

    • (value: boolean): void
    • Parameters

      • value: boolean

        The new collapsed state.

      Returns void

collapsible?: boolean

Sets to true if this section should be collapsible.

summary?: string

A summary that will be added to text when the section is collapsed.

text?: string

Text to be displayed in the divider.

textAlign?: "left" | "right" | "center"

Text alignment to used in the divider.