Docs
Badge

Badge

Displays a badge or a component that looks like a badge.

Badge

Usage

vue
<script setup lang="ts">
import { Badge } from "wedges-vue";
</script>

<template>
  <Badge>Badge</Badge>
</template>

API Reference

The Badge component also includes the following props:

Props

PropTypeDefault
color
'gray' | 'primary' | 'green' | 'yellow' | 'red' | 'purple' | 'orange' | 'pink' | 'blue' | null
'gray'
shape
'rounded' | 'pill' | null
'rounded'
size
'sm' | 'md' | null
'md'
stroke
boolean
false

Examples

Default

Edit this page on GitHub