App

GitHub
A wrapper to provide global configuration, toasts and tooltips to your app.

Usage

This component implements Akar ConfigProvider to provide global configuration to all components:

  • Enables all primitives to inherit global reading direction.
  • Enables changing the behavior of scroll body when setting body lock.
  • Much more controls to prevent layout shifts.

It's also using ToastProvider and TooltipProvider to provide global toasts and tooltips, as well as programmatic modals and slideovers.

Wrap your entire application with the App component in your app.vue file:

app.vue
<template>
  <PApp>
    <NuxtPage />
  </PApp>
</template>
Learn how to use the locale prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and InputTime.
Learn how to use the locale prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and InputTime.

API

Props

Prop Default Type

Slots

Slot Type

Changelog

No recent changes