UNPKG

@workday/canvas-kit-docs

Version:

Documentation components of Canvas Kit components

github.com/workday/canvas-kit

workday/canvas-kit

15 lines (14 loc) • 890 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import * as React from 'react'; import { Box } from '@workday/canvas-kit-react/layout'; import { colors } from '@workday/canvas-kit-react/tokens'; const baseStyles = { color: 'blackPepper500', display: 'inline-block', margin: 'xxs', minHeight: 'xl', padding: 'xs', }; export const Other = () => (React.createElement(Box, null, React.createElement(Box, { backgroundColor: "cinnamon300", cursor: "grab", outline: `2px dashed ${colors.cinnamon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Grab"), React.createElement(Box, { backgroundColor: "sourLemon300", cursor: "text", outline: `2px dashed ${colors.sourLemon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Text"), React.createElement(Box, { backgroundColor: "blueberry300", cursor: "wait", outline: `2px dashed ${colors.blueberry300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Wait")));