Skip to content

Commit

Permalink
Update CurrentBreakPoint stories
Browse files Browse the repository at this point in the history
  • Loading branch information
campb303 committed Apr 14, 2021
1 parent 75d3597 commit 6a868b2
Showing 1 changed file with 9 additions and 14 deletions.
23 changes: 9 additions & 14 deletions src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,22 +4,17 @@ import webqueue2Theme from "../../theme.js";
import CurrentBreakPoint from "./CurrentBreakPoint";
import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';

Displays the MUI theme breakpoints and whether or not they are active. This is a utility component meant to make UI development easier, not as a UI element for production code.
<Meta
title="Components/CurrentBreakpoint"
component={CurrentBreakPoint}
/>

It must be used under a [ThemeProvider](https://material-ui.com/styles/api/#themeprovider).
Displays the five MUI breakpoints and whether or not they're active. This is a utility component to be used while developing. It must be used under a [ThemeProvider](https://material-ui.com/styles/api/#themeprovider).


<Meta title="Components/CurrentBreakpoint"
decorators={[ (Story) => (
<Paper>
<Story />
</Paper>
),]}
component={CurrentBreakPoint} />
Use the Canvas tab's viewport switcher to experiement.

<Canvas>
<Story name="Default">
{args => <CurrentBreakPoint {...args} />}
<Story name="Default">
{ args => <CurrentBreakPoint {...args} /> }
</Story>
</Canvas>

</Canvas>

0 comments on commit 6a868b2

Please sign in to comment.