App

Encases your app to deliver global settings and additional features.

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:

app.vue
<template>
  <B24App>
    <NuxtPage />
  </B24App>
</template>
Learn how to use the locale prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and InputTime.
Learn how to use the locale prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and 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.

scrollBodyboolean | 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{}
Releases
Published under MIT License.

Copyright © 2024-present Bitrix24