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

Hierarchy

Properties

background?: "transparent" | "white"

Background color for the AccordionSummary

children?: ReactNode
className?: string

Optional CSS class name.

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

Props applied to the Collapse element.

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

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

disabled?: boolean

If true, the component is disabled.

expanded?: boolean

The current state of the accordion (expanded or collapsed). Managed in parent element (Accordion)

id?: string

A unique ID for the accordion. Set by parent component.

sx?: SxProps<Theme>

The system prop that allows defining system overrides as well as additional CSS styles.

unmountOnCollapse?: boolean

By default, the child component stays mounted after it reaches the 'collapse' state. Set unmountOnCollapse if you'd prefer to unmount the component after it finishes exiting.