Interface AccordionSummaryProps

interface AccordionSummaryProps {
    badge?: ReactElement<BadgeProps, string | JSXElementConstructor<any>> | ReactElement<BadgeProps, string | JSXElementConstructor<any>>[];
    className?: string;
    customAttribute?: {
        attribute: string;
        value: string | number;
    };
    disabled?: boolean;
    expanded?: boolean;
    id?: string;
    isLoading?: boolean;
    lang?: "sv" | "en";
    onClick?: (() => void);
    slots?: {
        meta?: SlotContent<"meta">;
        startAdornment?: SlotContent<"startAdornment">;
    };
    subtitle?: ReactNode;
    title: ReactNode;
    titleComponent?: ElementType<any, (keyof IntrinsicElements)>;
    titleFontWeight?: "bold" | "medium" | "regular";
    titleVariant?:
        | "h2"
        | "h3"
        | "h4"
        | "body1";
}

Properties

badge? className? customAttribute? disabled? expanded? id? isLoading? lang? onClick? slots? subtitle? title titleComponent? titleFontWeight? titleVariant?

Properties

Optionalbadge

badge?: ReactElement<BadgeProps, string | JSXElementConstructor<any>> | ReactElement<BadgeProps, string | JSXElementConstructor<any>>[]

Badge to be displayed in the accordion summary.

OptionalclassName

className?: string

Optional CSS class name.

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.

Optionallang

lang?: "sv" | "en"

Language used for internal translations.

OptionalonClick

onClick?: (() => void)

Callback when the item is clicked.

Optionalslots

slots?: {
    meta?: SlotContent<"meta">;
    startAdornment?: SlotContent<"startAdornment">;
}

Slots for meta and startAdornment.

Optionalsubtitle

subtitle?: ReactNode

Subtitle text in the AccordionSummary.

title

title: ReactNode

Main title text in the AccordionSummary.

OptionaltitleComponent

titleComponent?: ElementType<any, (keyof IntrinsicElements)>

Component used for the title, defaults to h2.

OptionaltitleFontWeight

titleFontWeight?: "bold" | "medium" | "regular"

Font weight of the title text.

OptionaltitleVariant

titleVariant?:
    | "h2"
    | "h3"
    | "h4"
    | "body1"

Variant of the title text.

Settings

Member Visibility

On This Page

Properties