App

Un wrapper pour fournir une configuration globale, des toasts et des infobulles à votre application.

Utilisation

Ce composant implémente Reka UI ConfigProvider pour fournir une configuration globale à tous les composants:

Permet à toutes les primitives d'hériter de la direction de lecture globale.
Permet de modifier le comportement du corps de défilement lors de la configuration du verrouillage du corps.
Beaucoup plus de contrôles pour éviter les changements de mise en page

Il utilise également ToastProvider et TooltipProvider pour fournir des toasts et des infobulles globaux, ainsi que des modaux et des diapositives programmatiques.

Enveloppez votre application entière avec le composant App dans votre fichier app.vue:

app.vue

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

Découvrez comment utiliser la prop locale pour modifier les paramètres régionaux de votre application. Cela contrôle également le format de date/heure dans des composants tels que Calendrier, InputDate et InputTime.

api

Props

Prop	Default	Type
`tooltip`		`TooltipProviderProps`
`toaster`		`null \| ToasterProps`
`locale`		`Locale<T>`
`portal`	`'body'`	`string \| false \| true \| HTMLElement`
`dir`	`'ltr'`	`"ltr" \| "rtl"` The global reading direction of your application. This will be inherited by all primitives.
`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.

Slots

Slot	Type
`default`	`{}`

Changelog

No recent changes

Container

A layout element to center and constrain the width of your content.