umbraco-umbraco-element

To create custom Umbraco backoffice elements, build Lit-based web components using UmbElementMixin or UmbLitElement. This approach enables seamless integration with Umbraco's context APIs, controllers, and localization features.

Manage context within an Umbraco element by using the built-in `consumeContext()` and `provideContext()` methods. These APIs allow your custom web components to easily interact with backoffice states like the current user context.

Handle localization in Umbraco backoffice elements by utilizing the built-in localization features provided by UmbElementMixin or UmbLitElement. This supports multi-language terms directly within your custom web components.

Observe and react to changes in observable state within your Umbraco Lit component by using the `observe()` method. This function ensures your custom element updates automatically when underlying backoffice data changes.

Yes, you can use UmbElementMixin to build a custom dashboard widget. For example, you can consume the `UMB_CURRENT_USER_CONTEXT` and display user-specific information like the user's name directly in the backoffice.