New UI Components
This commit is contained in:
@@ -1,12 +1 @@
|
||||
// Themed table wrapper — put a <table>…</table> (or thead/tbody) in the slot.
|
||||
// Scrolls horizontally on small screens.
|
||||
component Table {
|
||||
props {
|
||||
class = ""
|
||||
}
|
||||
view {
|
||||
<div class="wire-table-wrap {class}">
|
||||
<table class="wire-table"><slot></slot></table>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
component Table { props { caption = "Data table" responsive = true } view { <div class="w-full overflow-x-auto rounded-2xl border border-slate-200 dark:border-slate-800"><table class="w-full min-w-[640px] border-collapse text-left text-sm"><caption class="sr-only">{caption}</caption><slot /></table></div> } }
|
||||
|
||||
Reference in New Issue
Block a user