release: WRNexusJS 0.3.3
This commit is contained in:
@@ -3,8 +3,22 @@ component Table {
|
||||
class = ""
|
||||
caption = "Data table"
|
||||
responsive = true
|
||||
striped = false
|
||||
hoverable = true
|
||||
compact = false
|
||||
}
|
||||
|
||||
view {
|
||||
<div class="w-full overflow-x-auto rounded-2xl border border-slate-200 dark:border-slate-800 {class}"><table class="w-full min-w-[640px] border-collapse text-left text-sm"><caption class="sr-only">{caption}</caption><slot /></table></div>
|
||||
<div class="wire-table-wrap rounded-2xl border border-[var(--wire-color-border)] bg-[var(--wire-color-surface)] shadow-[var(--wire-shadow-sm)] {class}">
|
||||
<table
|
||||
class="wire-table min-w-[640px]"
|
||||
class:wire-table--striped='{striped}'
|
||||
class:wire-table--compact='{compact}'
|
||||
class:wire-table--hoverable='{hoverable}'
|
||||
>
|
||||
<caption class="wire-visually-hidden">{caption}</caption>
|
||||
<slot />
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user