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.

github chakra-ui / chakra-ui / packages / chakra-ui-layout / src / Box / examples.tsx View on Github external
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