Accordion - Pharen

Mit Accordion 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 { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@pharen/ui';
</script>

<template>
  <Accordion type="single" collapsible>
    <AccordionItem value="billing">
      <AccordionTrigger>How does billing work?</AccordionTrigger>
      <AccordionContent>Plans are billed per workspace.</AccordionContent>
    </AccordionItem>
  </Accordion>
</template>

Exporte

Export	Aufgabe
`Accordion`	Exportierte Vue-Komponente dieses Moduls.
`AccordionContent`	Enthält den sichtbaren Inhalt.
`AccordionItem`	Stellt ein einzelnes Element dar.
`AccordionTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen