Application Bar Stable Updated

The Application Bar is the area at the top of a website or solution that contains the branding, application name, overall user information and off-content functions.

Usage Code

<uimc-application-bar app-identifier="">
</uimc-application-bar>

Attribute	Description	Values	Default
app-identifier	Adds an app-identifier with the given text	String	–
app-identifier-link	Hyperlink reference of the app identifier link	valid URL	–
app-identifier-title	Title of the app identifier link	String	–
logo-link	Hyperlink reference of the logo link	valid URL	–
logo-title	Title of the logo link	String	–

Slot	Slotted content
additional-functions	Slot for elements/components that provide addtional functionalities (e.g. a search field)
meta-menu	Slot for meta level functionalities like a contact link or button
user-identifier	Slot for the user identifier component

Standard bar

<uimc-application-bar app-identifier="App Identifier">
  <uimc-user-identifier id="user-identifier" slot="user-identifier">
    <uimc-menu id="login-menu">
      <uimc-menu-item id="login-button">Log in</uimc-menu-item>
      <uimc-menu-item>Register</uimc-menu-item>
    </uimc-menu>
  </uimc-user-identifier>
  <uimc-meta-menu slot="meta-menu" items='[{
    "label": "Contact",
    "icon": "email",
    "url": "#"
  }]'></uimc-meta-menu>
</uimc-application-bar>