@workday/canvas-kit-docs
Version:
Documentation components of Canvas Kit components
26 lines (25 loc) • 877 B
JavaScript
import * as React from 'react';
import { createRoot } from 'react-dom/client';
import { fonts } from '@workday/canvas-kit-react-fonts';
import { system } from '@workday/canvas-tokens-web';
import { cssVar, injectGlobal } from '@workday/canvas-kit-styling';
import { App } from './App';
import '@workday/canvas-tokens-web/css/base/_variables.css';
import '@workday/canvas-tokens-web/css/brand/_variables.css';
import '@workday/canvas-tokens-web/css/system/_variables.css';
//@ts-ignore
injectGlobal({
...fonts,
'html, body': {
fontFamily: cssVar(system.fontFamily.default),
margin: 0,
minHeight: '100vh',
},
'#root, #root < div': {
minHeight: '100vh',
...system.type.body.small,
},
});
const container = document.getElementById('root');
const root = createRoot(container);
root.render(React.createElement(App, null));