Toggle group - Pharen

Use Toggle group to collect and edit a value. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { ToggleGroup, ToggleGroupItem } from '@pharen/ui';

Example

<script setup lang="ts">
import { ToggleGroup, ToggleGroupItem } from '@pharen/ui';
</script>

<template>
  <ToggleGroup>
    <ToggleGroupItem>First item</ToggleGroupItem>
  </ToggleGroup>
</template>

Exports

Export	Purpose
`ToggleGroup`	Groups related items.
`ToggleGroupItem`	Represents one item.

Source

Open the source on GitHub