Umbraco Element
Ease the integration with Backoffice by using a Umbraco Element
Last updated
Was this helpful?
Ease the integration with Backoffice by using a Umbraco Element
Last updated
Was this helpful?
This provides a few methods to ease the connection with Backoffice, giving you the ability to:
Consume a Context —
Provide Context —
Observe a State —
Use localization —
Host Controllers —
You can turn any Web Component into an Umbraco Element by using the Umbraco Element Mixin, as done in the following example:
This means you can use any base class, whether it’s a Web Component or a base class from your framework of choice. As long as it’s compatible with Web Components, it can be enhanced to become an Umbraco Element:
The Backoffice is generally built with Lit. To simplify things for those who prefer using the Lit version provided by the Backoffice, you can create your Web Components as Umbraco Elements like this:
Notice that it is identical to this:
Learn more about how to write Web Components with Lit in the .