@grafana/ui/dist/types/components/Collapse/Collapse.d.ts

Grafana Components Library

import * as React from 'react';
export interface Props {
    /** Expand or collapse te content */
    isOpen?: boolean;
    /** Element or text for the Collapse header */
    label: React.ReactNode;
    /** Indicates loading state of the content */
    loading?: boolean;
    /** Callback for the toggle functionality */
    onToggle?: (isOpen: boolean) => void;
    /** Additional class name for the root element */
    className?: string;
    /** @deprecated this prop is no longer used and will be removed in Grafana 13 */
    collapsible?: boolean;
}
export declare const ControlledCollapse: ({ isOpen, onToggle, ...otherProps }: React.PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
/**
 * A content area, which can be horizontally collapsed and expanded. Can be used to hide extra information on the page.
 *
 * https://developers.grafana.com/ui/latest/index.html?path=/docs/layout-collapse--docs
 */
export declare const Collapse: {
    ({ isOpen, label, loading, onToggle, className, children }: React.PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};