filipriec/kompress_eshop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

penguinui is now in the root dir in penguinui-components/

Browse Source
This commit is contained in:
Priec
2026-06-18 10:21:29 +02:00
parent 0a619517b6
commit ee944ed5ce
181 changed files with 7699 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
penguinui-components/badge/badge-with-indicator.html Normal file
View File

@@ -0,0 +1,64 @@
<!-- default Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-outline bg-surface text-xs font-medium text-on-surface dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark">
<span class="flex items-center gap-1 bg-surface-alt/10 px-2 py-1 dark:bg-surface-dark-alt/10">
<span class="size-1.5 rounded-full bg-on-surface dark:bg-on-surface-dark"></span>
Bagde
</span>
</span>
<!-- inverse Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-outline-dark bg-surface text-xs font-medium text-on-surface dark:border-outline dark:bg-surface-dark dark:text-on-surface-dark">
<span class="flex items-center gap-1 bg-surface-dark-alt/10 px-2 py-1 dark:bg-surface-alt/10">
<span class="size-1.5 rounded-full bg-on-surface dark:bg-on-surface-dark"></span>
Bagde
</span>
</span>
<!-- primary Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-primary bg-surface text-xs font-medium text-primary dark:border-primary-dark dark:bg-surface-dark dark:text-primary-dark">
<span class="flex items-center gap-1 bg-primary/10 px-2 py-1 dark:bg-primary-dark/10">
<span class="size-1.5 rounded-full bg-primary dark:bg-primary-dark"></span>
Bagde
</span>
</span>
<!-- secondary Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-secondary bg-surface text-xs font-medium text-secondary dark:border-secondary-dark dark:bg-surface-dark dark:text-secondary-dark">
<span class="flex items-center gap-1 bg-secondary/10 px-2 py-1 dark:bg-secondary-dark/10">
<span class="size-1.5 rounded-full bg-secondary dark:bg-secondary-dark"></span>
Bagde
</span>
</span>
<!-- info Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-info bg-surface text-xs font-medium text-info dark:border-info dark:bg-surface-dark dark:text-info">
<span class="flex items-center gap-1 bg-info/10 px-2 py-1 dark:bg-info/10">
<span class="size-1.5 rounded-full bg-info dark:bg-info"></span>
Bagde
</span>
</span>
<!-- success Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-success bg-surface text-xs font-medium text-success dark:border-success dark:bg-surface-dark dark:text-success">
<span class="flex items-center gap-1 bg-success/10 px-2 py-1 dark:bg-success/10">
<span class="size-1.5 rounded-full bg-success dark:bg-success"></span>
Bagde
</span>
</span>
<!-- warning Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-warning bg-surface text-xs font-medium text-warning dark:border-warning dark:bg-surface-dark dark:text-warning">
<span class="flex items-center gap-1 bg-warning/10 px-2 py-1 dark:bg-warning/10">
<span class="size-1.5 rounded-full bg-warning dark:bg-warning"></span>
Bagde
</span>
</span>
<!-- danger Badge -->
<span class="w-fit inline-flex overflow-hidden rounded-radius border border-danger bg-surface text-xs font-medium text-danger dark:border-danger dark:bg-surface-dark dark:text-danger">
<span class="flex items-center gap-1 bg-danger/10 px-2 py-1 dark:bg-danger/10">
<span class="size-1.5 rounded-full bg-danger dark:bg-danger"></span>
Bagde
</span>
</span>