App

Encases your app to deliver global settings and additional features.

This component implements Reka UI ConfigProvider to provide global configuration to all components:

It's also using ToastProvider and TooltipProvider to provide global toasts and tooltips.

Use it as at the root of your app:

app.vue

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

Learn how to use the locale prop to change the locale of your app.

API

Prop	Default	Type
`tooltip`		`TooltipProviderProps`
`toaster`		`null \| ToasterProps`
`locale`		`Locale<Messages>`
`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.

Slot	Type
`default`	`{}`

Container

A box for centering and setting a maximum width for your content.