App

Wraps your app to provide global configurations and more.

Usage

This component implements Radix Vue ConfigProvider to provide global configuration to all components:

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

Use it as at the root of your app:

app.vue

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

Learn how to use the locale prop to change the locale of your app.

Prop	Default	Type
`tooltip`		`TooltipProviderProps`
`toaster`		`null \| ToasterProps`
`locale`		`Locale`
`scrollBody`		`boolean \| ScrollBodyOption` The global scroll body behavior of your application. This will be inherited by the related primitives.
`nonce`		`string` The global `nonce` value of your application. This will be inherited by the related primitives.

Slot	Type
`default`	`{}`

useToast

A composable to display toast notifications in your app.

Accordion

A stacked set of collapsible panels.