Badge

Use Badge to show compact status or category metadata. 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 { Badge, BadgeButton, BadgeDot } from '@pharen/ui';

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

<template>
  <Badge variant="secondary">Active</Badge>
</template>

Export	Purpose
`Badge`	Exported Vue component from this module.
`BadgeButton`	Exported Vue component from this module.
`BadgeDot`	Exported Vue component from this module.