Collapsible - Pharen

Mit Collapsible kannst du Inhalte und responsive Bereiche anzuordnen. 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 { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@pharen/ui';
</script>

<template>
  <Collapsible>
    <CollapsibleTrigger>Open collapsible</CollapsibleTrigger>
    <CollapsibleContent>Collapsible content</CollapsibleContent>
  </Collapsible>
</template>

Exporte

Export	Aufgabe
`Collapsible`	Exportierte Vue-Komponente dieses Moduls.
`CollapsibleContent`	Enthält den sichtbaren Inhalt.
`CollapsibleTrigger`	Öffnet oder aktiviert die Komponente.

Quellcode

Quellcode auf GitHub öffnen