GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-09 00:19:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

IMPROVE example, to be more obvious what's going on

Browse Source
This commit is contained in:
Norbert de Langen 2020-01-29 13:29:13 +01:00
parent 039d124001
commit 384d0db2c5
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
examples/cra-ts-kitchen-sink/src/stories/Classes.stories.mdx
View File

@ -4,17 +4,19 @@ import { Meta } from '@storybook/addon-docs/blocks';
# Preview
<div>
<div class="pa4 bg-desktop-500">
<div className="flex justify-between">
<span className="stripped">500</span>
<span>#F47321</span>
</div>
</div>
<div className="pa4 bg-sunray-500">
<div className="flex justify-between">
<span>500</span>
<span>#FCB736</span>
</div>
<style>
{`
.a-custom-class {
border: 10px solid hotpink;
}
.a-custom-classname {
border: 10px solid blue;
}
`}
</style>
<div class="a-custom-class">
<div className="a-custom-classname">
This box should have a pink and blue border
</div>
</div>