App
앱에 전역 구성, 토스트 및 툴팁을 제공하는 래퍼입니다.A wrapper to provide global configuration, toast and tooltips to your app.
Usage
이 구성 요소는 Reka UI ConfigProvider를 구현하여 모든 구성 요소에 글로벌 구성을 제공합니다.
- 모든 원시 요소가 전역 읽기 방향을 상속할 수 있도록 합니다.
- 본문 잠금을 설정할 때 스크롤 본문의 동작을 변경합니다.
- 레이아웃 이동을 방지하기 위해 훨씬 더 많은 컨트롤을합니다.
또한 [ToastProviderxph09xhttps://reka-ui.com/docs/components/toast#provider) 및 TooltipProvider를 사용하여 글로벌 토스트 및 툴팁을 제공하고 프로그래밍 모드 및 슬라이드오버를 제공합니다.
app.vue 파일에서 App 구성 요소로 전체 응용 프로그램을 래핑합니다.Wrap your entire application with the App component in your app.vue file:
app.vue
<template>
<UApp>
<NuxtPage />
</UApp>
</template>
locale prop을 사용하여 앱의 로케일을 변경하는 방법을 알아봅니다. 또한 Calendar, InputDate 및 InputTime과 같은 구성 요소의 날짜/시간 형식도 제어합니다.locale prop을 사용하여 앱의 로케일을 변경하는 방법을 알아봅니다. 또한 Calendar, InputDate 및 InputTime과 같은 구성 요소의 날짜/시간 형식도 제어합니다.API
Props (### 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 | stringThe global |
Slots
| Slot | Type |
|---|---|
default | {} |
Changelog 파일
No recent changes