Files
ui/docs/content/3.components/0.app.md
Benjamin Canac eff468fe9c docs(app): update
2024-07-17 18:02:47 +02:00

880 B

title, description, links
title description links
App Starting point for your Nuxt UI app.
label icon to
GitHub i-simple-icons-github https://github.com/benjamincanac/ui3/tree/dev/src/runtime/components/App.vue

Usage

Wrap your app with this component in your app.vue to provide global configurations and enable features like toasts, tooltips, etc. as well as programmatic modals and slideovers.

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

It's using Radix Vue's 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.

API

Props

:component-props

Slots

:component-slots