New UI Components
This commit is contained in:
@@ -1,9 +1 @@
|
||||
// Loading spinner (pure CSS animation, no JS).
|
||||
component Spinner {
|
||||
props {
|
||||
class = ""
|
||||
}
|
||||
view {
|
||||
<span class="wire-spinner {class}" role="status" aria-label="Loading"></span>
|
||||
}
|
||||
}
|
||||
component Spinner { props { label = "Loading" size = "md" } 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'}"></span> } }
|
||||
|
||||
Reference in New Issue
Block a user