Web Component Playground – OMNIA Storybook
Posted January 19th, 2023
Web Component Playground – OMNIA Storybook
Posted January 19th, 2023
If you’ve been keeping up with our recent blog posts, you’re aware that Web Components are a big part of our platform’s extensibility power (more info here, and here), however, exploring them was a hassle. We needed an effective way to explore all our shared Web Components, while also enhancing their development experience.
Because of the key role of Web Components in web application development, we’ve decided to step up our game and adopt a better way to share, test and develop web components for OMNIA Developments.
We’re very happy to announce that we’re adopting Storybook’s tool for our Web Component Gallery!
“Storybook is an open source tool for developing UI components in isolation…” – Storybook’s Website
This means that, from now on, our official Web Component Gallery and all future web components will be made available via OMNIA’s Storybook.
OMNIA's Storybook
Our storybook will serve two simple goals:
– Share our Web Components with you, the community (for free)
– Allow you to test web components (live with zero effort) before deciding if they’re the best fit for you
Menu
A full list of all Web Components available in the Storybook.
Web Component Page
One of the key advantages of using Storybook is that you can test web components live, directly on their page.
A Web Component page contains two tabs (at the bottom), named “Knobs” and “Notes”:
– Knobs: this tab provides a full list of parameters that influence the web component, allowing you to edit them and see the result in real-time:
– Notes: as the name implies, this tab is reserved for information related to the web component, and is where we place the download link of every web component we share:
Sharing is caring
The principle behind the adoption of this open-source platform is one of sharing. Sharing not just web components, but solutions for common business problems that our platform was built to solve.
We invite you all to be a part of our development community and share your work with other OMNIA Developers, so that together we’ll make the ecosystem stronger every day.
If you wish to be part of our community and share your work, simply go to our GitHub and see how you can contribute (thanks in advance).