@synergycodes/overflow-ui/dist/components/accordion/accordion.d.ts

A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.

import { WithIcon } from '../../shared/types/with-icon';
export type AccordionProps = React.HTMLAttributes<HTMLDivElement> & WithIcon & {
    /**
     * Text displayed in the header
     */
    label: string;
    /**
     * Contents of the collapsible section
     */
    children: React.ReactNode;
    /**
     * True if not collapsed
     */
    isOpen?: boolean;
    /**
     * Callback run when the open state changes
     */
    onToggleOpen?: (isOpen: boolean) => void;
    /**
     * Initial open state
     */
    defaultOpen?: boolean;
};
/**
 * An interactive UI component that lets users toggle the visibility of content.
 * The content section can be expanded to reveal details and collapsed to hide them,
 * keeping information organized and saving space. Commonly used in FAQs, settings panels,
 * and documentation to present layered content efficiently.
 */
export declare const Accordion: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & WithIcon & {
    /**
     * Text displayed in the header
     */
    label: string;
    /**
     * Contents of the collapsible section
     */
    children: React.ReactNode;
    /**
     * True if not collapsed
     */
    isOpen?: boolean;
    /**
     * Callback run when the open state changes
     */
    onToggleOpen?: (isOpen: boolean) => void;
    /**
     * Initial open state
     */
    defaultOpen?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;