UNPKG

@vonage/vivid-react

Version:

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

32 lines (31 loc) 1.93 kB
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;