51 lines
1.7 KiB
HTML
51 lines
1.7 KiB
HTML
<div class="flex flex-wrap gap-4 sm:items-center sm:justify-center">
|
|
<!-- Primary Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-brand-50 px-2.5 py-0.5 text-sm font-medium text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
|
|
>
|
|
Primary
|
|
</span>
|
|
|
|
<!-- Success Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-success-50 px-2.5 py-0.5 text-sm font-medium text-success-600 dark:bg-success-500/15 dark:text-success-500"
|
|
>
|
|
Success
|
|
</span>
|
|
|
|
<!-- Error Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-error-50 px-2.5 py-0.5 text-sm font-medium text-error-600 dark:bg-error-500/15 dark:text-error-500"
|
|
>
|
|
Error
|
|
</span>
|
|
|
|
<!-- Warning Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-warning-50 px-2.5 py-0.5 text-sm font-medium text-warning-600 dark:bg-warning-500/15 dark:text-orange-400"
|
|
>
|
|
Warning
|
|
</span>
|
|
|
|
<!-- Info Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-blue-light-50 px-2.5 py-0.5 text-sm font-medium text-blue-light-500 dark:bg-blue-light-500/15 dark:text-blue-light-500"
|
|
>
|
|
Info
|
|
</span>
|
|
|
|
<!-- Light Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-gray-100 px-2.5 py-0.5 text-sm font-medium text-gray-700 dark:bg-white/5 dark:text-white/80"
|
|
>
|
|
Light
|
|
</span>
|
|
|
|
<!-- Dark Badge-->
|
|
<span
|
|
class="inline-flex items-center justify-center gap-1 rounded-full bg-gray-500 px-2.5 py-0.5 text-sm font-medium text-white dark:bg-white/5 dark:text-white"
|
|
>
|
|
Dark
|
|
</span>
|
|
</div>
|