mondaycom / vibe-storybook-components Goto Github PK
View Code? Open in Web Editor NEWCollection of Vibe's Storybook components
License: MIT License
Collection of Vibe's Storybook components
License: MIT License
Add basic story by structure similar to existing ones
Add simple story by structure similar to the UsageGuidelines
story, maybe even without Usage
section
Mention that this component can be used as a replacement for h1
using storybook preview
file
Dear Contributors,
We want to express our heartfelt gratitude for your exceptional contributions during Hacktoberfest 2023 to the monday-ui-react-core and vibe-storybook-components packages.
Your dedication and expertise have significantly improved our open-source projects. Your hard work and commitment to the open-source community are truly appreciated. We are proud to have you as part of our community.
Overall, this year 17 different contributors managed to solve 64 issues, which is super impressive and impactful!
Each and one of your GitHub tags are now listed on our Storybook welcome pages of monday-ui-react-core and vibe-storybook-components as a token of our deep appreciation.
Special thanks to our top 3 contributors this year:
๐ฅ @Kritik-J - 19 PRs
๐ฅ @Dhoni77 - 17 PRs
๐ฅ @balajik - 12 PRs
And thanks to all the participants:
@SoumyadiptoPal, @viditagrawal56, @jes14, @pedaars, @evadrake89, @anirudhsudhir, @Franqsanz, @HarshitVashisht11, @nabinbhatt, @naorpeled, @SarthakD15, @sayyedarib, @Vijeth56, @Ryan-Biondo
Thank you all for making Hacktoberfest 2023 a success for us! We'll be looking forward to see you again!
Sincerely,
Vibe team,
monday.com
Add basic story by structure similar to existing ones
Add basic story by structure similar to existing ones
Add basic story by structure similar to existing ones
We want to implement here the same functionality we have in monday-ui-react-core
storybook - theme switching
https://github.com/mondaycom/monday-ui-react-core
https://style.monday.com/?path=/story/welcome--page
There we are using storybook 6 and we are using storybook-addon-themes for this - it just adds a classname somewhere to the body level and our components tokens know how to adapt to it + it also sets the background color for the whole page.
Here we are using storybook 7 and this addon is not supporting it, so we need to find some other solution for it
UPD: new theme-switcher addon was released https://storybook.js.org/blog/introducing-theme-switcher-addon
Add basic story by structure similar to existing ones
Use UnstyledListItem
in UnstyledList
story
Add basic story by structure similar to existing ones
Add basic story by structure similar to existing ones
Add simple story by structure similar to the UsageGuidelines
story, maybe even without Usage
section
Mention that this component can be used as a replacement for h3
using storybook preview
file
Add basic story by structure similar to existing ones
Use information from readme file in the story
E.g. Chips
page https://style.monday.com/?path=/docs/data-display-chips--clickable in https://github.com/mondaycom/monday-ui-react-core
var(--sb-primary-background-color)
monday-ui-react-core
storybook (cause vibe-storybook-components storybook currently doesn't support theming) - you can clone both projects locally and do yarn link or npm build && npm pack
+ npm install *path to packed archive*
Typescript migration guideline
In TokenTable
it's needed to converted also children components
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.