apphouse/dist/templates/layouts/FullPageSplitView.d.ts

Component library for React that uses observable state management and theme-able components.

import React from 'react';
import { CSSProperties } from 'glamor';
import { ApphouseComponent } from '../../components/component.interfaces';
export interface FullPageSplitViewStyles {
    container?: CSSProperties;
    bar?: CSSProperties;
    panel?: CSSProperties;
}
export interface FullPageSplitViewProps extends ApphouseComponent<FullPageSplitViewStyles> {
    /**
     * If true, the views will be split vertically.
     * @optional
     * @default false it will be split horizontally
     */
    vertical?: boolean;
    /**
     * The number of columns.
     * @optional
     * @default 2 // we only support 2 columns for now
     */
    columns?: 2;
    /**
     * The width of the bar.
     * @optional
     * @default 1
     */
    barWidth?: number;
    /**
     * The views in the split view.
     * Max 2 views. (children)
     */
    children: React.ReactNode[];
}
/**
 * A full page split view.
 * The component splits the page into two equal views.
 * The user can drag the bar to resize the views.
 */
export declare const FullPageSplitView: React.FC<FullPageSplitViewProps>;