Create Web Components right in Bricks or Oxygen. Here is how.

[@Thunder007de]

This was a very interessting und helpful tutorial. Thanks a lot Cedric!

[@OxyProps]

Glad you liked it!

[@RMSAnalyst]

An excellent video, Cédric. Thank you.

[@OxyProps]

Thanks

[@PicSta]

Excellent tutorial. Hope for more of these types of tutorials.

[@OxyProps]

Sure, just a matter of available time.

[@web-atelier]

Thanks, it is very interesting 👌

[@OxyProps]

Thanks for your comment !

[@peteharrison3241]

Very interesting

[@mmaayta82]

Great tutorial! Thanks for sharing. I'm thinking on how we could use this technique for other web components? Can we make like an AI component? Any advice 🙏

[@OxyProps]

You can do anything with web components. You create a wrapper : the component, and can embed anything inside of it. The nice thing is that is appears only as ❮my-component❯ in your source code.

[@jugibur2117]

Great stuff, thanks for sharing!

[@OxyProps]

Thanks!

[@TomPhillips-wz4xt]

This is awesome! Loving this, thank you! 🙏🏻

[@OxyProps]

Thanks!

[@peteharrison3241]

Cedric, If the output needed styling inside the , would you add inline styling or create a external stylesheet that includes the styling. Or, would you rely on css in the parent i.e. Bricks?

[@OxyProps]

The component should own eveything it needs to work, style included. So it should include minimal style, that could be tweaked / extended later by user.

[@vishalmehta1419]

so cool. I am learning how to code and use Wordpress etc, but this video is simply awesome. Do you have more tutorials on Web components?

[@OxyProps]

Thanks, this is a first video about weeb components. I will probably make at least anothere one to create the second type which does not extend an existing element.

[@peteharrison3241]

Also, how would you go about creating a custom component library that you might use in other developments?

[@OxyProps]

Storing them in structeezy as custom structures, then exporting my structures / importing in the other project.