Uploaded July 2024 | Updated September 2026, 2 weeks ago

---

The presentation shows how to combine the OpenUI5/SAPUI5 programming model with a design system that makes its controls available as Web Components. Since OpenUI5/SAPUI5 1.120, the framework supports the integration of any Web Components. This makes it possible, for example, to natively embed own Web Components of your design system which are created with Stencil. The integration embeds the Web Components in a way that they can be used naturally in XMLViews, like with standard UI5 controls, and can be bound with data binding. Learn how you can also make use of the Web Components base class in OpenUI5/SAPUI5 to also integrate your Web Components and get inspired by the solution to generate a custom UI5 library providing the Web Components control wrappers for the native ones.

Speaker:
Peter Muessig (SAP)
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome and Intro
01:32 Bring Your Own Design System - Integration of Web Components in SAPUI5
41:20 Q&A
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Slides: slideshare.net/slideshow/ui5con-2024-bring-your-own-design-system/269619724
GitHub: github.com/petermuessig/ui5con2024-byods

Find more info here: openui5.org/ui5con/germany2024