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 ​

Paid
Active
Paid
200
Rejected
Chargeback
Disconnected
Void
Expired
Draft
Online
Processing
Flagged
Washington D.C.
Special
Trial
Bookmarked
Live
Moved
New
Secure
Locked
Beta
Hello!
1m 30s
Pinned
4
Design Systems
@ormanclark
Free Wi-Fi
Edit this page on GitHub