@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
32 lines (31 loc) • 1.93 kB
TypeScript
import React, { ReactNode } from 'react';
/** [--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],
minmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.
* For more info on this Vivid element please visit https://vivid.deno.dev/components/layout
* @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
* @param {ColumnBasis | undefined} columnBasis - sets the initial preferred measure of a column from predefined available options **attribute** `column-basis`
* @param {ColumnSpacing | undefined} columnSpacing - sets the initial preferred spacing of a column from predefined available options **attribute** `column-spacing`
* @param {RowSpacing | undefined} rowSpacing - sets the initial preferred spacing of a row from predefined available options **attribute** `row-spacing`
* @param {'fit' | 'fill' | undefined} autoSizing - sets the initial preferred auto-sizing from predefined available options **attribute** `auto-sizing`
* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
* @param {string} componentName - Core component name, without prefix
*/
declare const VwcLayout: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
gutters?: any;
columnBasis?: any;
columnSpacing?: any;
rowSpacing?: any;
autoSizing?: any;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcLayout;