Default Badge
<flowbite-badge>Default</flowbite-badge>
<flowbite-badge color="dark">Dark</flowbite-badge>
<flowbite-badge color="red">Red</flowbite-badge>
<flowbite-badge color="green">Green</flowbite-badge>
<flowbite-badge color="yellow">Yellow</flowbite-badge>
<flowbite-badge color="indigo">Indigo</flowbite-badge>
<flowbite-badge color="purple">Purple</flowbite-badge>
<flowbite-badge color="pink">Pink</flowbite-badge>
Large badge
<flowbite-badge size="sm">Default</flowbite-badge>
<flowbite-badge color="dark" size="sm">Dark</flowbite-badge>
<flowbite-badge color="red" size="sm">Red</flowbite-badge>
<flowbite-badge color="green" size="sm">Green</flowbite-badge>
<flowbite-badge color="yellow" size="sm">Yellow</flowbite-badge>
<flowbite-badge color="indigo" size="sm">Indigo</flowbite-badge>
<flowbite-badge color="purple" size="sm">Purple</flowbite-badge>
<flowbite-badge color="pink" size="sm">Pink</flowbite-badge>
Badges as links
<flowbite-badge href="/badges">Default</flowbite-badge>
<flowbite-badge href="/badges" size="sm">Default</flowbite-badge>
Badges with icon
<flowbite-badge><svg>...</svg> 2 minutes ago</flowbite-badge>
<flowbite-badge color="dark"><svg>...</svg> 3 days ago</flowbite-badge>
Badge with icon only
<flowbite-badge [iconOnly]="true"><svg>...</svg></flowbite-badge>
<flowbite-badge [iconOnly]="true" color="dark"><svg>...</svg></flowbite-badge>
<flowbite-badge [iconOnly]="true" size="sm"><svg>...</svg></flowbite-badge>
<flowbite-badge [iconOnly]="true" color="dark" size="sm"><svg>...</svg></flowbite-badge>