@furo/layout
Version:
Layout components for furo
35 lines (34 loc) • 1.27 kB
TypeScript
import * as React from "react";
export interface FuroBackdrop extends React.HTMLAttributes<HTMLElement> {
onclosed?: (d: FuroBackdrop) => void;
onopened?: (d: FuroBackdrop) => void;
"onregister-backdrop"?: (d: FuroBackdrop) => void;
}
declare module "react" {
namespace JSX {
interface IntrinsicElements {
/**
* `furo-backdrop`
*
* Displays content with a backdrop.
*
* The element you place in to furo-backdrop will be displayed centered.
*
*
* ```html
* <furo-backdrop at-opened="--BackdropFocus" at-closed="--backdropClosed"
* fn-show="--expandIconClicked"
* fn-close="--closeRequested, --recordSelected">
* <any-component at-item-selected="--recordSelected" style="width: 90vw; height: 90vh"></any-component>
* </furo-backdrop>
*
* ```
*
* You can wire and use the elements in furo-backrop as if they were local elements.
*
* Do not forget to add the furo-backdrop-display somewhere in the parent dom.
*/
"furo-backdrop": FuroBackdrop;
}
}
}