Documentation Index
Fetch the complete documentation index at: https://mintlify.com/huntabyte/shadcn-svelte/llms.txt
Use this file to discover all available pages before exploring further.
Installation
npx shadcn-svelte@next add badge
Copy component code
Copy and paste the component source code into your project.
<script lang="ts">
import { Badge } from "$lib/components/ui/badge/index.js";
</script>
<Badge variant="outline">Badge</Badge>
Examples
You can use the badgeVariants helper to create a link that looks like a badge.
<script lang="ts">
import { badgeVariants } from "$lib/components/ui/badge/index.js";
</script>
<a href="/dashboard" class={badgeVariants({ variant: "outline" })}>Badge</a>