App

サイトマップ
アプリケーションにグローバル設定、トースト、ツールチップを提供するラッパー。

使用法

このコンポーネントはReka UI ConfigProviderを実装し、すべてのコンポーネントにグローバル設定を提供します。

  • すべてのプリミティブがグローバル読み取り方向を継承できるようにする。
  • ボディロック設定時のスクロールボディの動作変更を有効にします。
  • レイアウトシフトを防ぐための多くのコントロール。

また、ToastProviderとTooltipProviderを使用して、グローバルトーストとツールチップ、プログラマティックモーダルとスライドオーバーを提供します。

app.vueファイルのAppコンポーネントでアプリケーション全体をラップします。

app.vue
<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
localeプロパティを使用してアプリケーションのロケールを変更する方法を学びます。これは、Calendar、InputDate、InputTimeなどのコンポーネントの日付/時刻形式を制御します。
localeプロパティを使用してアプリケーションのロケールを変更する方法を学びます。これは、Calendar、InputDate、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.

スロット

Slot Type
default
{}

Changelog

No recent changes

Container

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