Interface AccordionDetailsProps

interface AccordionDetailsProps {
    children?: ReactNode;
    className?: string;
    CollapseProps?: Omit<RefAttributes<CollapseProps>, "in" | "unmountOnExit">;
    customAttribute?: {
        attribute: string;
        value: string | number;
    };
    disabled?: boolean;
    expanded?: boolean;
    id?: string;
    isLoading?: boolean;
    unmountOnCollapse?: boolean;
}

Properties

children? className? CollapseProps? customAttribute? disabled? expanded? id? isLoading? unmountOnCollapse?

Properties

Optionalchildren

children?: ReactNode

Content elements displayed within the AccordionDetails.

OptionalclassName

className?: string

Optional CSS class name.

OptionalCollapseProps

CollapseProps?: Omit<RefAttributes<CollapseProps>, "in" | "unmountOnExit">

Additional properties for the Collapse component, excluding 'unmountOnExit' and 'in'.

OptionalcustomAttribute

customAttribute?: {
    attribute: string;
    value: string | number;
}

Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

Optionaldisabled

disabled?: boolean

If true, the component is disabled.

Optionalexpanded

expanded?: boolean

Controls the expanded state of the accordion. Use this prop along with onChange to create a controlled component where you need to manage the state yourself. If not provided, the accordion will be uncontrolled and manage its own state internally.

Optionalid

id?: string

A unique identifier for the component. Used internally for setting WAI-ARIA relationships.

OptionalisLoading

isLoading?: boolean

If true, a loading skeleton will be rendered instead of the component.

OptionalunmountOnCollapse

unmountOnCollapse?: boolean

Determines if the child components should be unmounted when the accordion collapses. If true, the children are removed from the DOM when the accordion is not expanded. Defaults to false, keeping the children in the DOM but hidden.

Settings

Member Visibility

On This Page

Properties