Badge

Setup

<script>
  import { Badge } from "svelte-5-ui-lib";
  import { ClockSolid } from "flowbite-svelte-icons";
</script>

Interactive Badge Builder

My Badge 
<Badge>My Badge</Badge>

Examples

Default 
<script lang="ts">
  import { Badge } from 'svelte-5-ui-lib';
  import { CheckCircleOutline } from "flowbite-svelte-icons";
</script>

<div class="flex h-8 justify-center">
  <Badge dismissable>
    Default
    {#snippet icon()}
      <CheckCircleOutline class="h-5 w-5" />
    {/snippet}
  </Badge>
</div>

Component data