Sheet - Pharen

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

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Sheet, SheetTrigger, SheetContent } from '@pharen/ui';
</script>

<template>
  <Sheet>
    <SheetTrigger>Open sheet</SheetTrigger>
    <SheetContent>Sheet content</SheetContent>
  </Sheet>
</template>

Exporte

Export	Aufgabe
`Sheet`	Exportierte Vue-Komponente dieses Moduls.
`SheetClose`	Exportierte Vue-Komponente dieses Moduls.
`SheetContent`	Enthält den sichtbaren Inhalt.
`SheetDescription`	Zeigt ergänzende Beschreibung.
`SheetFooter`	Strukturiert den Fußbereich.
`SheetHeader`	Strukturiert den Kopfbereich.
`SheetTitle`	Zeigt den zugänglichen Titel.
`SheetTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen