Comments (6)
I think I've seen this somewhere
from ladle.
Looks nice! I like the second version more since there is a more straightforward connection between the addon button and addon panel itself. Also, I would make the elements and text a bit bigger.
Some other notes:
- It would be nice if the theme could be just an alternate swappable CSS (configurable through the config). So we can have multiple options, including the current one. We can reorganize the current layout's HTML if needed.
- It needs to be responsive. So any theme should capture mobile, desktop, light and dark versions.
from ladle.
Seeing @wojtekmaj, I think Ladle deserves a more original look. It's not much, but I did a little tweak. Here's my take on mobile view too:
- I'm doing it all grey so I make sure the contrast is good for colorblindness. My plan is to make it easy to control colors. Probably through
css variables
.
from ladle.
Sure @tajo. Thanks for the feedback. I will draft the PR implementing it
from ladle.
Love it, can we add a place for brand, and layout for mobile/tablet
from ladle.
I also like the second one with the status bar, I think that's really great.
Can we take this top-level section heading UI from storybook? Looking at the designs in this thread it seems like the intent and a popular organizational approach is to have meta sections like "atoms" "molecules", etc. Having those as folders (especially that are collapsed by default) makes it hard to locate and discover components.
from ladle.
Related Issues (20)
- Light gray background support for the theme add-on
- Story order the same as stories are exported HOT 6
- styled-components not working in viewports HOT 2
- meta.json story order should be stable
- Vite says "could not fast refresh" when a `stories` file has a Decorator. HOT 1
- Pressing Esc should close full screen view HOT 2
- ladle build gives filenotfound error for typings-for-build tsconfig file HOT 6
- `tsconfig` paths not works HOT 5
- Allow stories at root (not in a subfolder) HOT 1
- Add config var: "expand story tree" HOT 1
- Make `args` and `argTypes` available in `meta.json` HOT 4
- Use url.format to construct serverUrl for dev server
- argTypes converts numbers to string
- Error: ENOENT: no such file or directory, open 'node_modules\@ladle\react\typings-for-build\app\.gitignore' HOT 1
- Type-safe object args HOT 3
- Disable default react refresh through ladle config HOT 2
- Bump Vite version HOT 1
- Allow more flexibility in dependency version ranges HOT 3
- `@babel/core` and other dependencies need to be updated due to `semver` dependency HOT 1
- Extra-big tab width impairs source code view
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 ladle.