@furo/layout
Version:
Layout components for furo
70 lines (69 loc) • 1.74 kB
TypeScript
import { LitElement } from "lit";
import { BackgroundDesign } from "../types/BackgroundDesign";
/**
* ### Description
* `furo-layout-indent` is a layout component for adding the responsive spacing.
*
* By default, the indentation are set for block and inline.
*
* #### ES6 Module Import
*
* `import "@furo/webcomponents/dist/LayoutIndent.js";`
*
* @slot {HTMLElement[]} default - Place your components here
* @slot {HTMLElement[]} - Place your components here
*
* @author FURO Furo
* @tagname furo-layout-indent
* @public
*/
export declare class FuroLayoutIndent extends LitElement {
/**
* Chose a background design.
* @public
* @typeref BackgroundDesign - "../types/BackgroundDesign"
*/
backgroundDesign: BackgroundDesign;
/**
* Adds indentation on block (top/bottom) only.
* @public
*/
block: boolean;
/**
* Adds indentation on block-start only.
* @public
*/
blockStart: boolean;
/**
* Adds indentation on block-end only.
* @public
*/
blockEnd: boolean;
/**
* Adds indentation on inline (left/right) only.
* @public
*/
inline: boolean;
/**
* Adds indentation on inline-start only.
* @public
*/
inlineStart: boolean;
/**
* Adds indentation on inline-start only.
* @public
*/
inlineEnd: boolean;
/**
* Adds scrolling behaviour if used inside a `furo-vertical-flex`
* @public
*/
scrolls: boolean;
/**
* Set flex behaviour if used inside a `furo-vertical-flex` / `furo-horizontal-flex`
* @public
*/
flex: boolean;
render(): import("lit").TemplateResult<1>;
static styles: import("lit").CSSResult;
}