@3mo/grid/dist/Grid.d.ts

A simple wrapper web-component for CSS Grid Layout.

import { Component } from '@a11d/lit';
import type * as CSS from 'csstype';
/**
 * @element mo-grid
 *
 * @ssr true
 *
 * @attr rows
 * @attr columns
 * @attr autoRows
 * @attr autoColumns
 * @attr autoFlow
 * @attr rowGap
 * @attr columnGap
 * @attr gap
 * @attr justifyItems
 * @attr justifyContent
 * @attr alignItems
 * @attr alignContent
 *
 * @slot - The content of the grid container.
 */
export declare class Grid extends Component {
    rows: CSS.Property.GridTemplateRows<string>;
    columns: CSS.Property.GridTemplateColumns<string>;
    autoRows: CSS.Property.GridAutoRows<string>;
    autoColumns: CSS.Property.GridAutoColumns<string>;
    autoFlow: CSS.Property.GridAutoFlow;
    rowGap: CSS.Property.RowGap<string>;
    columnGap: CSS.Property.ColumnGap<string>;
    gap: CSS.Property.Gap<string>;
    justifyItems: CSS.Property.JustifyItems;
    justifyContent: CSS.Property.JustifyContent;
    alignItems: CSS.Property.AlignItems;
    alignContent: CSS.Property.AlignContent;
    static get styles(): import("@a11d/lit").CSSResult;
    protected get template(): import("lit-html").HTMLTemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'mo-grid': Grid;
    }
}
//# sourceMappingURL=Grid.d.ts.map