@wordpress/components
Version:
UI components for WordPress.
60 lines • 1.64 kB
TypeScript
/**
* External dependencies
*/
import type { CSSProperties } from 'react';
declare type ResponsiveCSSValue<T> = Array<T | undefined> | T;
declare type GridAlignment = 'bottom' | 'bottomLeft' | 'bottomRight' | 'center' | 'spaced' | 'left' | 'right' | 'stretch' | 'top' | 'topLeft' | 'topRight';
declare type GridColumns = ResponsiveCSSValue<number>;
declare type GridRows = ResponsiveCSSValue<number>;
export declare type Props = {
/**
* Adjusts the block alignment of children.
*/
align?: CSSProperties['alignItems'];
/**
* Adjusts the horizontal and vertical alignment of children.
*/
alignment?: GridAlignment;
/**
* Adjusts the number of columns of the `Grid`.
*
* @default 2
*/
columns?: GridColumns;
/**
* Adjusts the `grid-column-gap`.
*/
columnGap?: CSSProperties['gridColumnGap'];
/**
* Changes the CSS display from `grid` to `inline-grid`.
*/
isInline?: boolean;
/**
* Gap between each child.
*
* @default 3
*/
gap?: number;
/**
* Adjusts the inline alignment of children.
*/
justify?: CSSProperties['justifyContent'];
/**
* Adjusts the `grid-row-gap`.
*/
rowGap?: CSSProperties['gridRowGap'];
/**
* Adjusts the number of rows of the `Grid`.
*/
rows?: GridRows;
/**
* Adjusts the CSS grid `template-columns`.
*/
templateColumns?: CSSProperties['gridTemplateColumns'];
/**
* Adjusts the CSS grid `template-rows`.
*/
templateRows?: CSSProperties['gridTemplateRows'];
};
export {};
//# sourceMappingURL=types.d.ts.map