Drawer - Pharen

Mit Drawer kannst du kontextbezogene Inhalte oder Feedback anzuzeigen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Code anzeigen

<script setup lang="ts">
import { Drawer, DrawerTrigger, DrawerContent } from '@pharen/ui';
</script>

<template>
  <Drawer>
    <DrawerTrigger>Open drawer</DrawerTrigger>
    <DrawerContent>Drawer content</DrawerContent>
  </Drawer>
</template>

Installation

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Importiere @pharen/ui/styles.css genau einmal im Einstiegspunkt deiner Anwendung.

Verwendung

import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '@pharen/ui';

Exporte

Export	Aufgabe
`Drawer`	Exportierte Vue-Komponente dieses Moduls.
`DrawerClose`	Exportierte Vue-Komponente dieses Moduls.
`DrawerContent`	Enthält den sichtbaren Inhalt.
`DrawerDescription`	Zeigt ergänzende Beschreibung.
`DrawerFooter`	Strukturiert den Fußbereich.
`DrawerHeader`	Strukturiert den Kopfbereich.
`DrawerOverlay`	Exportierte Vue-Komponente dieses Moduls.
`DrawerPortal`	Exportierte Vue-Komponente dieses Moduls.
`DrawerTitle`	Zeigt den zugänglichen Titel.
`DrawerTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen