How to use the @chakra-ui/system/dist/create-theme-context function in @chakra-ui/system
To help you get started, weโve selected a few @chakra-ui/system examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
chakra-ui / chakra-ui / packages / chakra-ui-layout / src / Box / examples.tsx View on Github 
import * as React from "react";
import { storiesOf } from "@storybook/react";
import { CSSReset, theme } from "@chakra-ui/theme";
import { Box } from ".";
import createThemeContext from "@chakra-ui/system/dist/create-theme-context";
const [ThemeProvider] = createThemeContext(theme);
const stories = storiesOf("Box", module).addDecorator(story => (
{story()}
));
stories.add("default", () => (
Welcome to Box
