@furo/layout/dist/JSX/FuroHorizontalFlex.d.ts

Layout components for furo

import * as React from "react";
export interface FuroHorizontalFlex extends React.HTMLAttributes<HTMLElement> {
    /**
     * A query selector which should match with navigation items.
     * "button, furo-furo-ui5-button, icon"
     */
    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 `center`
     */
    vAlignCenter?: boolean;
    /**
     * Aligns the elements vertically at the position `end`
     */
    vAlignEnd?: boolean;
    /**
     * Aligns the elements vertically at the position `start`
     */
    vAlignStart?: boolean;
}
declare module "react" {
    namespace JSX {
        interface IntrinsicElements {
            /**
             *
             * ### 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";`
             */
            "furo-horizontal-flex": FuroHorizontalFlex;
        }
    }
}