release: WRNexusJS 0.3.5
This commit is contained in:
@@ -1,10 +1,14 @@
|
||||
component Spinner {
|
||||
props {
|
||||
class = ""
|
||||
color = "primary"
|
||||
label = "Loading"
|
||||
size = "md"
|
||||
lines = 3
|
||||
class = ""
|
||||
}
|
||||
view {
|
||||
<span role="status" aria-label="{label}" class="inline-block animate-spin rounded-full border-2 border-slate-300 border-r-violet-600 {size === 'sm' ? 'size-4' : size === 'lg' ? 'size-10' : 'size-6'} {class}"></span>
|
||||
<div class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--spinner wire-next--size-{size} {class}" role="status" aria-label="{label}">
|
||||
{#if "Spinner" === "Skeleton"}{#each Array(lines).fill(0) as line}<span></span>{/each}{:else}<i aria-hidden="true"></i>{/if}
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user