Skip to content

AppSwitcher

A molecule that allows you to switch between applications.

Props

apps
Application board
type:Array as PropType<AppItem[]>
default:[]
ts
interface AppItem {
  id: string
  url: string
  title: string
  active: boolean
}

Example

Application switch
html
<app-switcher :apps="apps" />
ts
const apps = [
  {
    id: 'payfordone',
    url: '#',
    title: 'Projekty',
    active: true
  },
  {
    id: 'thori',
    url: '#',
    title: 'Backend',
    active: false
  },
  {
    id: 'kamino',
    url: '#',
    title: 'Frontend',
    active: false
  },
  {
    id: 'xien',
    url: '#',
    title: 'Translations',
    active: false
  },
  {
    id: 'guider',
    url: '#',
    title: 'Documentation',
    active: false
  },
  {
    id: 'hermes',
    url: '#',
    title: 'Mailing',
    active: false
  },
]