@furo/layout/dist/impl/FuroSplitView.d.ts

Layout components for furo

import { LitElement } from "lit";
declare const FuroSplitView_base: (new (...args: any[]) => import("@furo/fbp/dist/LitFBPAC").LitFBPAC) & typeof LitElement;
/**
 * `furo-split-view`
 * is a layout component to visualise main / detail views (left right layout for master detail views).
 * You can add the attribute scroll on the detail view to make the content scrollable.
 *
 * ```html
 * <furo-split-view>
 *   <div slot="master">Master</div>
 *   <big-component scroll> </big-component>
 * </furo-split-view>
 * ```
 *
 * @cssprop {N/A} [--split-master-width=270px] - width of the master slot
 *
 * @slot {HTMLElement [0..n]} master - default slot to add content to the main section.
 * @slot {HTMLElement [0..n]} - default slot to add content to the detail section.
 *
 * @summary splitted layout
 * @customElement
 * @demo demo-furo-split-view Basic usage
 * @appliesMixin FBP
 */
export declare class FuroSplitView extends FuroSplitView_base {
    /**
     * flip the left and right side
     *
     * @type Boolean
     */
    reverse: boolean;
    /**
     *
     * @private
     * @return {CSSResult}
     */
    static get styles(): import("lit").CSSResult;
    /**
     * @private
     * @returns {TemplateResult}
     */
    render(): import("lit").TemplateResult<1>;
}
export {};