[ ] Tests for the changes have been added (for bug fixes / features)
[ ] Docs have been added / updated (for bug fixes / features)
PR Type
What kind of change does this PR introduce?
[ ] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[x] Other... Please describe:
Storybook configuration
Which package are you modifying?
[ ] accordion
[ ] alert
[ ] alert-dialog
[ ] aspect-ratio
[ ] avatar
[ ] badge
[ ] button
[ ] calendar
[ ] card
[ ] checkbox
[ ] collapsible
[ ] combobox
[ ] command
[ ] context-menu
[ ] data-table
[ ] date-picker
[ ] dialog
[ ] dropdown-menu
[ ] hover-card
[ ] input
[ ] label
[ ] menubar
[ ] navigation-menu
[ ] popover
[ ] progress
[ ] radio-group
[ ] scroll-area
[ ] select
[ ] separator
[ ] sheet
[ ] skeleton
[ ] slider
[ ] switch
[ ] table
[ ] tabs
[ ] textarea
[ ] toast
[ ] toggle
[ ] tooltip
[ ] typography
What is the current behavior?
Currently within storybook not able to add styles in component decorator without receiving an error similar to the below image when trying to add something like the following in a component:
So solution was to remove current options in addon and then resolved the inclusion of "tailwind.css" from preview.js of storybook and instead include it as part of the angular build in project.json.
What is the new behavior?
We should now be able to include some inline stying in the component decorators in order to be able to attach styles to the host.
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
Storybook configuration
Which package are you modifying?
What is the current behavior?
Currently within storybook not able to add styles in component decorator without receiving an error similar to the below image when trying to add something like the following in a component:
Discovered it is a config issue related @storybook/addon-styling which does not allow us to use any of the addon options when using angular. They mention this issue here https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
So solution was to remove current options in addon and then resolved the inclusion of "tailwind.css" from preview.js of storybook and instead include it as part of the angular build in project.json.
What is the new behavior?
We should now be able to include some inline stying in the component decorators in order to be able to attach styles to the host.
Does this PR introduce a breaking change?
Other information