App

Encases your app to deliver global settings and additional features.

Nuxt UI

Git

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.

Use it as at the root of your app:

<template>
  <B24App>
    <NuxtPage />
  </B24App>
</template>

TIP

Learn how to use the locale property to change the locale of your Nuxt or Vue app.

API

Props

Prop	Default	Type
tooltip		TooltipProviderProps
toaster		null | ToasterProps
locale		Locale
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	{}