App

Ein Wrapper, um globale Konfiguration, Toast und Tooltips für Ihre App bereitzustellen.

Bearbeiten

Diese Komponente implementiert die Reka-Benutzeroberfläche ConfigProvider, um eine globale Konfiguration für alle Komponenten bereitzustellen:

Ermöglicht es allen Primitiven, die globale Leserichtung zu erben.
Ermöglicht das Ändern des Verhaltens des Scrollkörpers beim Setzen der Körpersperre.
Viel mehr Kontrollen, um Layoutverschiebungen zu verhindern.

Es verwendet auch ToastProvider und TooltipProvider, um globale Toasts und Tooltips sowie programmatische Modals und Slideovers bereitzustellen.

Wickeln Sie Ihre gesamte Anwendung mit der App-Komponente in Ihre app.vue-Datei:

app.vue

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

Hier erfahren Sie, wie Sie mit der locale-prop das Gebietsschema Ihrer App ändern können. Dies steuert auch das Datums-/Uhrzeitformat in Komponenten wie Kalender, Eingabedatum und Eingabezeit.

API

Props Bearbeiten

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 Bearbeiten

Slot	Type
`default`	`{}`

Changelog (englisch)

No recent changes

Container

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