@amsterdam/design-system-react/dist/Accordion/Accordion.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
import type { HeadingProps } from '../Heading/Heading';
export type AccordionProps = {
    /**
     * The hierarchical level of this Accordion’s Section Headings within the document.
     * There is no default value; determine the correct level for each instance.
     * The value ‘1’ is deprecated.
     */
    headingLevel: HeadingProps['level'];
    /** The HTML element to use for each Accordion Section. */
    sectionAs?: 'div' | 'section';
} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
/**
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
 */
export declare const Accordion: import("react").ForwardRefExoticComponent<{
    /**
     * The hierarchical level of this Accordion’s Section Headings within the document.
     * There is no default value; determine the correct level for each instance.
     * The value ‘1’ is deprecated.
     */
    headingLevel: HeadingProps["level"];
    /** The HTML element to use for each Accordion Section. */
    sectionAs?: "div" | "section";
} & HTMLAttributes<HTMLDivElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>> & {
    Section: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
        children?: import("react").ReactNode | undefined;
    } & {
        expanded?: boolean;
        label: string;
    } & import("react").RefAttributes<HTMLDivElement>>;
};