WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

release: WRNexusJS 0.3.3

Browse Source
This commit is contained in:
Clintchiz
2026-07-22 20:37:59 +05:30
parent 58ba2f2046
commit e2d9ea1ece
76 changed files with 1257 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/badge.wrn
+18 -1
View File
@@ -3,8 +3,25 @@ component Badge {
class = ""
label = ""
variant = "neutral"
size = "md"
}
view {
<span class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold ring-1 ring-inset {variant === 'success' ? 'bg-emerald-50 text-emerald-700 ring-emerald-600/20 dark:bg-emerald-950/40 dark:text-emerald-300' : variant === 'warning' ? 'bg-amber-50 text-amber-700 ring-amber-600/20 dark:bg-amber-950/40 dark:text-amber-300' : variant === 'danger' ? 'bg-red-50 text-red-700 ring-red-600/20 dark:bg-red-950/40 dark:text-red-300' : variant === 'brand' ? 'bg-violet-50 text-violet-700 ring-violet-600/20 dark:bg-violet-950/40 dark:text-violet-300' : 'bg-slate-100 text-slate-700 ring-slate-600/10 dark:bg-slate-800 dark:text-slate-300'} {class}">{label}<slot /></span>
<span class="wire-badge wire-badge--{variant} wire-badge--{size} {class}">
{#if variant === "success"}
<span class="size-1.5 rounded-full bg-[var(--wire-color-success)]" aria-hidden="true"></span>
{/if}
{#if variant === "warning"}
<span class="size-1.5 rounded-full bg-[var(--wire-color-warning)]" aria-hidden="true"></span>
{/if}
{#if variant === "danger"}
<span class="size-1.5 rounded-full bg-[var(--wire-color-danger)]" aria-hidden="true"></span>
{/if}
{#if variant === "brand"}
<span class="size-1.5 rounded-full bg-[var(--wire-color-primary)]" aria-hidden="true"></span>
{/if}
<span>{label}</span>
<slot />
</span>
}
}