Badge

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

Examples

Installation

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install
pnpm add fractalsvelte
Import
<script lang="ts">
	import { Badge } from 'fractalsvelte';
</script>

Usage

Usage
<script lang="ts">
	import { Badge } from 'fractalsvelte';
</script>

<Badge variant="outline">Badge</Badge>

Props

PropTypeDefaultDescription
variant'primary' | 'secondary' | 'outline' | 'destructive''primary'The visual treatment.