@workday/canvas-kit-react-side-panel/dist/commonjs/lib/SidePanel.d.ts

A Canvas-styled side panel

import * as React from 'react';
import { CanvasSpacingValue } from '@workday/canvas-kit-react-core';
export interface SidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
    open: boolean;
    onToggleClick?: () => void;
    header?: string | React.ReactNode;
    openDirection?: SidePanelOpenDirection;
    onBreakpointChange?: (aboveBreakpoint: boolean) => void;
    padding?: CanvasSpacingValue;
    breakpoint?: number;
    openWidth?: number;
    backgroundColor?: SidePanelBackgroundColor;
    closeNavigationAriaLabel?: string;
    openNavigationAriaLabel?: string;
}
export interface SidePanelState {
    screenSize: number;
}
export declare enum SidePanelOpenDirection {
    Left = 0,
    Right = 1
}
export declare enum SidePanelBackgroundColor {
    White = 0,
    Transparent = 1,
    Gray = 2
}
export default class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
    static OpenDirection: typeof SidePanelOpenDirection;
    static BackgroundColor: typeof SidePanelBackgroundColor;
    constructor(props: SidePanelProps);
    state: {
        screenSize: number;
    };
    componentDidMount(): void;
    componentWillUnmount(): void;
    render(): JSX.Element;
    private handleResize;
    private onToggleClick;
    private toggleButtonDirection;
}
//# sourceMappingURL=SidePanel.d.ts.map