@furo/layout
Version:
Layout components for furo
45 lines (44 loc) • 1.15 kB
TypeScript
import { LitElement } from "lit";
/**
*
* ### Overview
*
* Use this to arrange your content vertically.
*
* ### Usage
*
* The Elements you place inside the default slot can have the following attributes:
*
* - <b>flex</b>: Makes the element use the "rest" of the space (flex: 1).
* - <b>scroll</b>: Makes the element scrollable.
* - <b>padding-inline</b>: Applies inline padding.
*
*
* ### Component Import
* `import "@furo/layout/dist/VerticalFlex.js";`
*
*
* @slot {HTMLElement[]} default - slot to add content.
* @slot {HTMLElement[]} - slot to add content.
*
* @event {CustomEvent} scroll-down - Fired when the scroll area scrolls down
* @event {CustomEvent} scroll-up - Fired when the scroll area scrolls up
* @author Furo
* @tagname furo-vertical-flex
* @public
*/
export declare class FuroVerticalFlex extends LitElement {
connectedCallback(): void;
/**
* Themable Styles
* @private
* @return {CSSResult}
*/
static styles: import("lit").CSSResult;
/**
* @private
* @returns {TemplateResult}
* @private
*/
render(): import("lit").TemplateResult<1>;
}