@hackplan/polaris/types/components/Collapsible/Collapsible.d.ts

Shopify’s product component library

import React from 'react';
import { WithAppProviderProps } from '../AppProvider';
export interface Props {
    /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */
    id: string;
    /** Toggle whether the collapsible is expanded or not. */
    open: boolean;
    /** The content to display inside the collapsible. */
    children?: React.ReactNode;
}
export declare type CombinedProps = Props & WithAppProviderProps;
export declare type AnimationState = 'idle' | 'measuring' | 'closingStart' | 'closing' | 'openingStart' | 'opening';
export interface State {
    height?: number | null;
    animationState: AnimationState;
}
export declare class Collapsible extends React.Component<CombinedProps, State> {
    state: State;
    private node;
    private heightNode;
    componentWillReceiveProps({ open: willOpen }: Props): void;
    componentDidUpdate({ open: wasOpen }: Props): void;
    componentDidMount(): void;
    componentWillUnmount(): void;
    render(): JSX.Element;
    private bindNode;
    private bindHeightNode;
    private handleTransitionEnd;
}
declare const _default: React.ComponentClass<Props, any> & typeof Collapsible;
export default _default;