Plan - Pharen

Mit Plan kannst du strukturierte Produktinformationen darzustellen. 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 { Plan, PlanHeader, PlanTitle, PlanDescription, PlanAction, PlanContent, PlanFooter, PlanTrigger } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Plan, PlanTrigger, PlanContent } from '@pharen/ui';
</script>

<template>
  <Plan>
    <PlanTrigger>Open plan</PlanTrigger>
    <PlanContent>Plan content</PlanContent>
  </Plan>
</template>

Exporte

Export	Aufgabe
`Plan`	Exportierte Vue-Komponente dieses Moduls.
`PlanHeader`	Strukturiert den Kopfbereich.
`PlanTitle`	Zeigt den zugänglichen Titel.
`PlanDescription`	Zeigt ergänzende Beschreibung.
`PlanAction`	Exportierte Vue-Komponente dieses Moduls.
`PlanContent`	Enthält den sichtbaren Inhalt.
`PlanFooter`	Strukturiert den Fußbereich.
`PlanTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen