Comments (7)
arunoda
commented on April 19, 2024
4
Yes. This would be something great. We could have a file in the .storybook directory as base.html and use it in the iframe.
from storybook.
jeef3
commented on April 19, 2024
2
Also useful for any other CDN links, e.g. Font Awesome.
from storybook.
peisenmann
commented on April 19, 2024
1
Just to clarify, #77 seems to only cover the <head> whereas this ticket is for customizing the entirety of the iframe html. I'd like, for example, to be able to add a class to the root div for my SCSS styles to be properly namespaced.
from storybook.
karl
commented on April 19, 2024
I've started a PR to enable adding custom html to the iframe, I'd appreciate anyone's thoughts on whether I'm headed in the right direction!
from storybook.
arunoda
commented on April 19, 2024
Check version: v1.10.0. We've #77 in it.
from storybook.
commented on April 19, 2024
@peisenmann just wrap your story with that div/class.
Thanks for this. Useful for google maps.
from storybook.
arunoda
commented on April 19, 2024
I think we can close this now.
from storybook.
Related Issues (20)
- [Project SfC]: Create a toolbar to save arguments for existing or new stories
- While hitting tab key from the "skip to sidebar" button the keyboard focus is landing on the entire default page.
- [Bug]: Next JS addon shows errors using compiled .js instead of original .ts HOT 2
- Automigration for adding VTA on upgrade HOT 3
- Screen reader is not announcing the selection state of the "Violations"/"Passes"/"Incomplete" tab items in Accessibility Tab.
- Unable to use `Canvas` in doc-only MDX after upgrading to Storybook 8 HOT 3
- [Bug]: AutoDocs code view tags escaped and unusable HOT 1
- [Bug]: Could not resolve "@storybook/icons" - After installing @storybook/addon-a11y HOT 5
- [Bug]: (Angular) environment in build read as development
- [Bug]: Smoke Test broken on 8.0.5, works fine on 8.0.4
- [Bug]: not able to load HOC styled-components withTheme
- [Bug]: Module not found: Error: Package path ./dist/react-18 is not exported from package @storybook/react-dom-shim HOT 1
- Storybook 8: Using next/font/google when rendering storybook preview causes TypeError Cannot read properties of undefined (reading 'className')
- [Bug]: Unable to use esm postcss.config.js HOT 2
- [Bug]: Embedding story is not working in version 8
- [Bug]: Unable to Use Tailwind CSS classes Available Breakpoints in Storybook Components in a Remix Project HOT 2
- [Bug]: Incorrect link to deprecated addons repo
- [Bug]: Unable to use tailwind classes in storybook
- [Documentation]: "Troubleshooting" section missing in Controls docs HOT 1
- [Bug]: show code part shows React.Memo instead of the component name
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from storybook.