UNPKG

@workday/canvas-kit-docs

Version:

Documentation components of Canvas Kit components

github.com/workday/canvas-kit

workday/canvas-kit

12 lines (11 loc) • 808 B
1
2
3
4
5
6
7
8
9
10
11
12
import * as React from 'react'; import { Grid } from '@workday/canvas-kit-react/layout'; const baseStyles = { color: 'blackPepper500', padding: 'xs', }; export const GridItem = () => (React.createElement(Grid, { gridGap: "xs", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem" }, React.createElement(Grid.Item, { gridColumn: "1 / 3", gridRow: "1", backgroundColor: "cinnamon300", ...baseStyles }), React.createElement(Grid.Item, { gridColumn: "1", gridRow: "2 / 4", backgroundColor: "sourLemon300", ...baseStyles }), React.createElement(Grid.Item, { gridColumn: "2", gridRow: "2", backgroundColor: "blueberry300", ...baseStyles }), React.createElement(Grid.Item, { gridColumn: "2", gridRow: "3", backgroundColor: "cinnamon300", ...baseStyles })));