@uva-glass/component-library/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.d.ts

React components UvA

import { ReactNode } from 'react';
export interface ExpandableInfoPanelProps {
    /** Label for the trigger button that toggles the expandable panel. */
    triggerLabel: string;
    /** Main header displayed inline left of the trigger button. */
    mainHeader?: ReactNode | string;
    /** Aria-label for the button when the panel is collapsed. */
    collapseLabel?: string;
    /** Aria-label for the button when the panel is expanded. */
    expandLabel?: string;
    /** Content to be displayed inside the expandable panel. */
    content: ReactNode | string;
    /** Optional content area on in seperate box on right side of expanded content. */
    note?: ReactNode | string;
    /** Optional state, if true; sets the expandable panel as 'open' by default. */
    defaultOpen?: boolean;
}
export declare const ExpandableInfoPanel: ({ triggerLabel, mainHeader, collapseLabel, expandLabel, content, note, defaultOpen, }: ExpandableInfoPanelProps) => import("react/jsx-runtime").JSX.Element;