App
Wraps your app to provide global configurations and more.
Usage
This component implements Reka UI 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.
Use it as at the root of your app:
app.vue
<template>
<UApp>
<NuxtPage />
</UApp>
</template>
API
Props
Prop | Default | Type |
---|---|---|
tooltip |
| |
toaster |
| |
locale |
| |
scrollBody |
The global scroll body behavior of your application. This will be inherited by the related primitives. | |
nonce |
The global |
Slots
Slot | Type |
---|---|
default |
|