@furo/layout
Version:
Layout components for furo
75 lines (74 loc) • 2.37 kB
TypeScript
import { LitElement } from "lit";
/**
*
* ### Overview
* With the HorizontalFlex component, any elements can be aligned horizontally. Similar to css flex.
* The attribute "flex" must be set for growing elements.
* The component takes up 100% of the space.
*
*
*
* Tags: layout
*
* For the `furo-horizontal-flex`
* ### ES6 Module Import
*
* `import "@furo/layout/dist/HorizontalFlex.js";`
*
* @slot {HTMLElement[]} default - slot to add content.
* @slot {HTMLElement[]} - slot to add content.
* @slot {HTMLElement[]} - slot to add content.
*
* @cssprop {N/A} [--furo-horizontal-flex-space=0.5rem] - default spacing. If not set --MediaSizeIndentationBottom is used.
* @attribute {bool} space - Give inner spacing to the elements.
* @attribute {bool} v-align-start - Aligns the elements vertically at position start.
* @attribute {bool} v-align-center - Aligns the elements vertically at position center.
* @attribute {bool} v-align-end - Aligns the elements vertically at position end.
*
* @cssprop {0.5rem} --furo-horizontal-flex-space - Spacing between the elements.
* @constructor
* @summary horizontal alignment
* @tagname furo-horizontal-flex
* @public
*/
export declare class FuroHorizontalFlex extends LitElement {
connectedCallback(): void;
/**
* A query selector which should match with navigation items.
* "button, ui5-button, icon"
*
* @attr {string} navigation-item-selector
*/
navigationItemSelector: string;
/**
* Set this to true, to add spacing between the elements. The default value of the spacing is 0.5 rem. Use the `--furo-horizontal-flex-space` css prop to override.
*/
space: boolean;
/**
* Aligns the elements vertically at the position `start`
* @attr {boolean} v-align-start
*/
vAlignStart: boolean;
/**
* Aligns the elements vertically at the position `center`
* @attr {boolean} v-align-center
*/
vAlignCenter: boolean;
/**
* Aligns the elements vertically at the position `end`
* @attr {boolean} v-align-end
*/
vAlignEnd: boolean;
/**
* Themable Styles
* @private
* @return {CSSResult}
*/
static styles: import("lit").CSSResult;
/**
* @private
* @returns {TemplateResult}
* @private
*/
render(): import("lit").TemplateResult<1>;
}