App

Un envoltorio para proporcionar configuración global, tostadas e información sobre herramientas para su aplicación.

xph0000xUso

Este componente implementa Reka UI ConfigProvider para proporcionar una configuración global a todos los componentes:

Permite que todas las primitivas hereden la dirección de lectura global.
Permite cambiar el comportamiento del cuerpo de desplazamiento al configurar el bloqueo del cuerpo.
Muchos más controles para evitar cambios de diseño.

También está utilizando ToastProvider y TooltipProvider para proporcionar tostadas globales e información sobre herramientas, así como modales programáticos y diapositivas.

Envuelva toda la aplicación con el componente App en su archivo app.vue:

app.vue

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

Aprenda a usar el prop locale para cambiar la configuración regional de su app. Esto también controla el formato de fecha/hora en componentes como Calendario, InputDate e InputTime.

API (Edición española)

Props (Edición española)

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 (Edición española)

Slot	Type
`default`	`{}`

Changelog (Edición española)

No recent changes

Container

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