Skip to components
DEVELOPER REFERENCE · v4.0.0

CollapsibleSection API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

CollapsibleSection9 props0 callbacks0 methods

Props9

CollapsibleSection props
NameTypeDescription
titleRequired
ComponentChildrenInspect type
Heading displayed in the keyboard-accessible expand/collapse trigger.
descriptionOptional
ComponentChildrenInspect type
Supporting text displayed above the expanded content.
defaultOpenOptionalboolean | undefinedExpand initially. Later toggles are owned by the native disclosure.
childrenRequired
ComponentChildrenInspect type
Section content; stays mounted when collapsed to preserve drafts.
classNameOptionalstring | undefinedAdditional CSS classes on the outer disclosure.
summaryClassNameOptionalstring | undefinedAdditional CSS classes on the summary trigger.
contentClassNameOptionalstring | undefinedAdditional CSS classes on the content container.
descriptionClassNameOptionalstring | undefinedAdditional CSS classes on the supporting description.
renderRootOptional
((props: JSX.IntrinsicElements["details"]) => ComponentChildren) | undefinedInspect type
Host policies can wrap the native details without owning its presentation.

Events and callbacks0

No component-specific events or callbacks.

Methods0

No component-specific imperative methods. Use props and callbacks to control this component.