Options controlling various folder features.

type InternalOptions = {
    chevronOnly?: boolean;
    focusChevron?: boolean;
    focusIndicator?: boolean;
    strategy?: "hidden" | "remove";
}
Index

Properties

chevronOnly?: boolean

When true, only clicks on the folder chevron open / close the summary.

false

focusChevron?: boolean

When true, the focus-visible outline for the summary will only be around the chevron.

false

focusIndicator?: boolean

When true, a focus-visible focus indicator is inserted between the chevron and summary label. This is a useful a11y focus indicator when outline isn't suitable.

false

strategy?: "hidden" | "remove"

There are two strategies for how content is handled when the folder is closed. The default is remove, but depending on the application and performance characteristics hidden may be a more optimum solution.

Strategy options:

- `remove`: Will remove / unmount the content from the DOM.
- `hidden`: Will mark the content as hidden / not visible in the DOM.

remove