penguinui is now in the root dir in penguinui-components/
This commit is contained in:
24
penguinui-components/badge/default-badge.html
Normal file
24
penguinui-components/badge/default-badge.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!-- default Badge -->
|
||||
<span class="rounded-radius w-fit border border-outline bg-surface-alt px-2 py-1 text-xs font-medium text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">Bagde</span>
|
||||
|
||||
<!-- inverse Badge -->
|
||||
<span class="rounded-radius w-fit border border-outline-dark bg-surface-dark-alt px-2 py-1 text-xs font-medium text-on-surface-dark dark:border-outline dark:bg-surface-alt dark:text-on-surface">Bagde</span>
|
||||
|
||||
<!-- primary Badge -->
|
||||
<span class="rounded-radius w-fit border border-primary bg-primary px-2 py-1 text-xs font-medium text-on-primary dark:border-primary-dark dark:bg-primary-dark dark:text-on-primary">Bagde</span>
|
||||
|
||||
<!-- secondary Badge -->
|
||||
<span class="rounded-radius w-fit border border-secondary bg-secondary px-2 py-1 text-xs font-medium text-on-secondary dark:border-secondary-dark dark:bg-secondary-dark dark:text-on-secondary-dark">Bagde</span>
|
||||
|
||||
<!-- info Badge -->
|
||||
<span class="rounded-radius w-fit border border-info bg-info px-2 py-1 text-xs font-medium text-on-info dark:border-info dark:bg-info dark:text-on-info">Bagde</span>
|
||||
|
||||
<!-- success Badge -->
|
||||
<span class="rounded-radius w-fit border border-success bg-success px-2 py-1 text-xs font-medium text-on-success dark:border-success dark:bg-success dark:text-on-success">Bagde</span>
|
||||
|
||||
<!-- warning Badge -->
|
||||
<span class="rounded-radius w-fit border border-warning bg-warning px-2 py-1 text-xs font-medium text-on-warning dark:border-warning dark:bg-warning dark:text-on-warning">Bagde</span>
|
||||
|
||||
<!-- danger Badge -->
|
||||
<span class="rounded-radius w-fit border border-danger bg-danger px-2 py-1 text-xs font-medium text-on-danger dark:border-danger dark:bg-danger dark:text-on-danger">Bagde</span>
|
||||
|
||||
Reference in New Issue
Block a user