New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Can I use Storybook without any JS framework to design my LESS framework? #3157
Comments
I'm also interested in this (using SASS + twig). In particular, can storybook generate a styleguide with this component structure? E.g.:
Thank you |
You can use storybook for vue without actually using any of vue features and just pass plain html as template:
|
@Hypnosphi cannot this be a feature inside storybook? It can be useful to implement a way to use storybook without any JS framework. |
What's wrong with my suggestion? It doesn't require you to use vue, only to add it to You can also use storybook for polymer (currently in alpha) in a similar way: |
OTOH it would not be hard to add |
I'd rather call it |
@Hypnosphi there is nothing wrong with your suggestion, but it looks like a workaround to make it work without any framework. I know storybook was initially designed to be used with a js framework, but can't we make a version of it (like the polymer version) to use it without any js framework? How would I setup storybook for this usage? |
On Wed, Mar 7, 2018 at 1:44 AM, Thomas Cazade ***@***.***> wrote:
@Hypnosphi <https://github.com/hypnosphi> there is nothing wrong with
your suggestion, but it looks like a workaround to make it work without any
framework. I know storybook was initially designed to be used with a js
framework, but can't we make a version of it (like the polymer version) to
use it without any js framework?
`@storybook/vanilla`? (I would also favor `@storybook/html`)
|
Any plans on this? |
I think it won't happen before the 3.4 release. Let's estimate for the next release. Wana help with it? Actually, it's ok to start working on it before 😉
Here is my list of names 😄
|
|
@TotomInc , we've done a bit of refactoring moving common parts to |
I'm going to start working on it after #3261 gets merged |
Wouldn't it be great if storybook was framework independent? Of course, that means that for the actual examples, we'll need something to work with the framework used in the examples, but the overal structure should not mind the framework being used. This would be so much more future proof and would allow for easier development. I came here because after years of using Fabricator, I'm in search of something similar, with more control over the bundling etc... Fabricator is great, but the problem with it is that it hides bundling/compiling/transpiling etc... and with the speed that JavaScript is progressing on that part, it becomes impossible to keep up with it. So a system that will build the toolkit/styleguide/dev-environment that can be used with any framework/bundling/... tools is something I'm after. I thought of creating my own for a while, but something like that takes time, and I'm short of that due to sickness. And there are already a dozen solutions out there, from where I think this one (StoryBook) is the best one. So are there any plans of removing the framework-dependency in the future? |
AFAIK @ndelangen is working on something like that in https://github.com/storybooks/SBNext/tree/POC-bundler and he welcomes assistance |
Nice. That would be exactly what I am after. Would love to contribute, and if anything comes out of it, I will deprecate my Fabricator Builder project to redirect to the new StoryBook then. I'll contact @ndelangen to see how I can help out. |
🎉 |
|
My project is mixture of |
|
Here is nice boilerplate setup u can use |
Is it possible to install Storybook without node.js? |
no, it isn't. |
I've just discovered storybook which is amazing and I would really like to use it to design a LESS/CSS framework. I wanted to know if it's possible to use storybook without any JS framework such as Vue, Angular, ... but only to display each component without user interaction, kind of a dev-environment. I've found nothing about it in the docs or in the issues, can someone explain if it's possible and how to setup it?
The text was updated successfully, but these errors were encountered: