@furo/layout
Version:
Layout components for furo
58 lines (57 loc) • 1.56 kB
TypeScript
import * as React from "react";
import type { BackgroundDesign } from "../types/BackgroundDesign";
export interface FuroLayoutIndent extends React.HTMLAttributes<HTMLElement> {
/**
* Chose a background design.
*/
backgroundDesign?: BackgroundDesign;
/**
* Adds indentation on block (top/bottom) only.
*/
block?: boolean;
/**
* Adds indentation on block-end only.
*/
blockEnd?: boolean;
/**
* Adds indentation on block-start only.
*/
blockStart?: boolean;
/**
* Set flex behaviour if used inside a `furo-vertical-flex` / `furo-horizontal-flex`
*/
flex?: boolean;
/**
* Adds indentation on inline (left/right) only.
*/
inline?: boolean;
/**
* Adds indentation on inline-start only.
*/
inlineEnd?: boolean;
/**
* Adds indentation on inline-start only.
*/
inlineStart?: boolean;
/**
* Adds scrolling behaviour if used inside a `furo-vertical-flex`
*/
scrolls?: boolean;
}
declare module "react" {
namespace JSX {
interface IntrinsicElements {
/**
* ### 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";`
*/
"furo-layout-indent": FuroLayoutIndent;
}
}
}