@workday/canvas-kit-react/dist/es6/layout/lib/utils/gridItem.d.ts

The parent module that contains all Workday Canvas Kit React components

import { Property } from 'csstype';
import { StyleFnConfig } from './buildStyleFns';
/** style props to for CSS grid item properties */
export type GridItemStyleProps = {
    /** sets [CSS grid-column-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start) */
    gridColumnStart?: Property.GridColumnStart;
    /** sets [CSS grid-column-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end) */
    gridColumnEnd?: Property.GridColumnEnd;
    /** sets [CSS grid-row-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start) */
    gridRowStart?: Property.GridRowStart;
    /** sets [CSS grid-row-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end) */
    gridRowEnd?: Property.GridRowEnd;
    /** sets [CSS grid-column property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column) */
    gridColumn?: Property.GridColumn;
    /** sets [CSS grid-row property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) */
    gridRow?: Property.GridRow;
    /** sets [CSS grid-area property](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area) */
    gridArea?: Property.GridArea;
    /** sets [CSS justify-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self) */
    justifySelf?: Property.JustifySelf;
    /** sets [CSS align-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) */
    alignSelf?: Property.AlignSelf;
    /** sets [CSS place-self property](https://developer.mozilla.org/en-US/docs/Web/CSS/place-self) */
    placeSelf?: Property.PlaceSelf;
};
export declare const gridItemStyleFnConfigs: StyleFnConfig[];
export declare const gridItemStyleFns: import("./buildStyleFns").StyleFns;
/**
 * A style prop function that takes component props and returns grid styles.
 * If no `GridItemStyleProps` are found, it returns an empty object.
 *
 * @example
 * ```tsx
 * const GridItemExample = () => (
 *   <Grid.Item gridRowStart="1" justifySelf="center" gridArea="Card">
 *     Hello, Grid Item!
 *   </Grid.Item>
 * );
 * ```
 */
export declare const gridItem: (props: GridItemStyleProps) => {};
//# sourceMappingURL=gridItem.d.ts.map