1. Home
  2. Docs
  3. Mavrix UI templates
  4. Components

Components

Components in Mavryx are small and easy-to-use HTML custom elements that provide additional functionalities to the HTML specification.

To add a component, you simply need to include the <mavryx-component> tag in your HTML code with the type parameter.

<html>
  <head>
    <title>Components Demo</title>
  </head>
  <body>
    <h1>Demo</h1>
    <mavryx-component type="application-switcher" ></mavryx-component>
  </body>
</html>

Global attributes

Attribute NameDescription
typeComponent type

Global events

EventScopeArgumentsDescription
mavryx.component.readywindow(api,component)Triggered when the component is ready to use.

List of components

Component nameTypeDescription
Application Switcherapplication-switcherThis component allows users to switch between applications they have access to.
Profile Managerprofile-managerThis component allows users to perform various actions within their account/profile.
Side Menuui-side-menuThis component generates a dynamic side menu based on the provided parameters.

Articles

Was this article helpful to you? No Yes

How can we help?