Documentation

In order to use panels, you need to create a component in <app>/components/global folder to make them available in your app.

vue

Then you need to register the panel in your <app>/app.config.ts file.

ts

Once you have registered the panel, you can open it using the open function from the usePanels composable.

vue

Activity panel

Panels can be opened using the open function. You can define the panels you use inside the app.config.ts file in your project. You can also pass props to panels using the same function. Click below for an activity panel example.

Show code
vue

Language panel

Panels can be opened using the open function. You can define the panels you use inside the app.config.ts file in your project. You can also pass props to panels using the same function. Click below for a language panel example.

Show code
vue

Search panel

Panels can be opened using the open function. You can define the panels you use inside the app.config.ts file in your project. You can also pass props to panels using the same function. Click below for a search panel example.

Show code
vue

Task panel

Panels can be used to show dynamic data using props. Pass props to a panel using the props object as the second function parameter:

open('name', { key: value })

Click below for a task panel example.

Show code
vue