GithubHelp home page GithubHelp logo

mondaycom / vibe-storybook-components Goto Github PK

View Code? Open in Web Editor NEW
13.0 1.0 12.0 3.49 MB

Collection of Vibe's Storybook components

License: MIT License

JavaScript 15.71% TypeScript 52.80% HTML 3.66% SCSS 17.67% MDX 9.68% Shell 0.48%
component-library javascript js monday react storybook typescript ui ui-components ui-library

vibe-storybook-components's People

Contributors

balajik avatar dhoni77 avatar kritik-j avatar pedaars avatar ryan-biondo avatar sergeyroyt avatar talkor avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

kritik-j pedaars balajik dhoni77 soumyadiptopal ryan-biondo aryab2003 andreykishtov mila2999

vibe-storybook-components's Issues

docs: theme switcher in the storybook

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

image

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.
image

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

Thank you for your Hacktoberfest 2023 contributions!

Thank you for your Hacktoberfest 2023 contributions!

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.

Numbers

Overall, this year 17 different contributors managed to solve 64 issues, which is super impressive and impactful!

image image

Contributors

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

feat: create component for storybook Markdown

E.g. Chips page https://style.monday.com/?path=/docs/data-display-chips--clickable in https://github.com/mondaycom/monday-ui-react-core

image

  • Background color should have value of var(--sb-primary-background-color)
  • To test try to render this component in 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*

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.