Skip to main content

Application

Applications manage the layout and theming of top-level app elements, ensuring a cohesive user experience.

Application - Code

Basic

The code snippet below shows an example of a combination of different components, like ix-application-header or ix-content.

Breakpoints

Application Switch

The navigation to another application is implemented via window.open (https://developer.mozilla.org/en-US/docs/Web/API/Window/open). Therefore you can control if the navigation should happen inside the current browser context target: '_self' or inside a new tab target: '_blank' (more information about target can be found here)

  {
id: 'demo-app-2',
name: 'Calculator App',
description: 'Example description for Calculator App',
iconSrc: '...url to some icon',

url: '...target url',
target: '_self', // Define the navigation context (e.g current browser context or new tab)
}

Application Advanced

API for ix-application

Properties