Test pr to show TW utility classes working #678
Conversation
In storybook, can modify className in the story also to see utility classes working if it hasn't been purged |
| @@ -52,6 +52,7 @@ const dialogArgs = { | |||
|
|
|||
| export const Brand = Template.bind(null); | |||
| Brand.args = { | |||
| className: "visible md:invisible", | |||
There was a problem hiding this comment.
to show .visible and breakpoints working even tho .visible exists in both Bootstrap and TW
https://61313967cde49b003ae2a860-ztcppyrvmh.chromatic.com/?path=/story/banner--brand
(shrink and widen window to see banner disappear/appear)
There was a problem hiding this comment.
Nice! There's no Bootstrap in this repo though, so it wouldn't be a problem here :') we should test this in traject, where Bootstrap is imported
| }; | ||
|
|
||
| export const Heading2 = Template.bind(null); | ||
| Heading2.args = { | ||
| size: "h2", | ||
| children: "Heading 2 18/24", | ||
| className: "bg-black hover:bg-white", |
There was a problem hiding this comment.
to show variants working
https://61313967cde49b003ae2a860-ztcppyrvmh.chromatic.com/?path=/story/heading--heading-2
| @@ -15,12 +15,14 @@ export const Heading1 = Template.bind(null); | |||
| Heading1.args = { | |||
| size: "h1", | |||
| children: "Heading 1 24/32", | |||
| className: "text-right", | |||
There was a problem hiding this comment.
to show .text- alignment working even tho existing in both Bootstrap and TW
https://61313967cde49b003ae2a860-ztcppyrvmh.chromatic.com/?path=/story/heading--heading-1
jinlee93
changed the title
| @@ -52,6 +52,7 @@ const dialogArgs = { | |||
|
|
|||
| export const Brand = Template.bind(null); | |||
| Brand.args = { | |||
| className: "visible md:invisible", | |||
There was a problem hiding this comment.
Nice! There's no Bootstrap in this repo though, so it wouldn't be a problem here :') we should test this in traject, where Bootstrap is imported
Test pr to show utility classes working