UNPKG

@workday/canvas-kit-docs

Version:

Documentation components of Canvas Kit components

github.com/workday/canvas-kit

workday/canvas-kit

14 lines (13 loc) • 768 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import * as React from 'react'; import { Flex } from '@workday/canvas-kit-react/layout'; const baseStyles = { color: 'blackPepper500', margin: 'xxs', padding: 'xs', justifyContent: 'center', alignItems: 'flex-start', }; export const Layout = () => (React.createElement(Flex, { alignItems: "flex-end" }, React.createElement(Flex, { backgroundColor: "cinnamon300", display: "inline-flex", height: "xl", width: "xxxl", ...baseStyles }, "40 x 80"), React.createElement(Flex, { backgroundColor: "sourLemon300", display: "inline-flex", height: "xxl", width: "xxxl", ...baseStyles }, "64 x 80"), React.createElement(Flex, { backgroundColor: "blueberry300", display: "inline-flex", height: "xxxl", width: "xxxl", ...baseStyles }, "80 x 80")));