UNPKG

@workday/canvas-kit-docs

Version:

Documentation components of Canvas Kit components

github.com/workday/canvas-kit

workday/canvas-kit

16 lines (15 loc) • 993 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import * as React from 'react'; import { Box } from '@workday/canvas-kit-react/layout'; const baseStyles = { border: 'dotted 2px', color: 'blackPepper500', display: 'inline-block', verticalAlign: 'bottom', }; export const Space = () => (React.createElement(React.Fragment, null, React.createElement(Box, { backgroundColor: "cinnamon300", margin: "xxs", padding: "s", textAlign: "center", ...baseStyles }, React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Small")), React.createElement(Box, { backgroundColor: "sourLemon300", margin: "xxs", padding: "m", textAlign: "center", ...baseStyles }, React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Medium")), React.createElement(Box, { backgroundColor: "blueberry300", margin: "xxs", padding: "l", textAlign: "center", ...baseStyles }, React.createElement(Box, { border: "dotted 2px", borderColor: "blackPepper500" }, "Large"))));