App

Een wikkel om globale configuratie, toasts en tooltips aan uw app te bieden.

Gebruik

Dit onderdeel implementeert Reka UI ConfigProvider om globale configuratie te bieden aan alle componenten:

Hiermee kunnen alle primitieven de globale leesrichting overnemen.
Hiermee kunt u het gedrag van de scrollbody wijzigen bij het instellen van de body lock.
Veel meer bedieningselementen om verschuivingen in de lay-out te voorkomen.

Het gebruikt ook ToastProvider en TooltipProvider om wereldwijde toasts en tooltips te bieden, evenals programmatische modals en slideovers.

Verpak uw hele applicatie met de App-component in uw app.vue-bestand:

app.vue

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

Leer hoe u de locale-prop gebruikt om de landinstelling van uw app te wijzigen. Dit bepaalt ook de datum / tijd-indeling in componenten zoals Agenda, InputDate en 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.