filipriec/kompress_eshop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

penguinui is now in the root dir in penguinui-components/

Browse Source
This commit is contained in:
Priec
2026-06-18 10:21:29 +02:00
parent 0a619517b6
commit ee944ed5ce
181 changed files with 7699 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
penguinui-components/table/table-with-action.html Normal file
View File

@@ -0,0 +1,32 @@
<div class="overflow-hidden w-full overflow-x-auto rounded-radius border border-outline dark:border-outline-dark">
<table class="w-full text-left text-sm text-on-surface dark:text-on-surface-dark">
<thead class="border-b border-outline bg-surface-alt text-sm text-on-surface-strong dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark-strong">
<tr>
<th scope="col" class="p-4">CustomerID</th>
<th scope="col" class="p-4">Name</th>
<th scope="col" class="p-4">Email</th>
<th scope="col" class="p-4">Membership</th>
</tr>
</thead>
<tbody class="divide-y divide-outline dark:divide-outline-dark">
<tr>
<td class="p-4">2335</td>
<td class="p-4">Alice Brown</td>
<td class="p-4">alice.brown@gmail.com</td>
<td class="p-4"><button type="button" class="whitespace-nowrap rounded-radius bg-transparent p-0.5 font-semibold text-primary outline-primary hover:opacity-75 focus-visible:outline-2 focus-visible:outline-offset-2 active:opacity-100 active:outline-offset-0 dark:text-primary-dark dark:outline-primary-dark">Edit</button></td>
</tr>
<tr>
<td class="p-4">2338</td>
<td class="p-4">Bob Johnson</td>
<td class="p-4">johnson.bob@outlook.com</td>
<td class="p-4"><button type="button" class="whitespace-nowrap rounded-radius bg-transparent p-0.5 font-semibold text-primary outline-primary hover:opacity-75 focus-visible:outline-2 focus-visible:outline-offset-2 active:opacity-100 active:outline-offset-0 dark:text-primary-dark dark:outline-primary-dark">Edit</button></td>
</tr>
<tr>
<td class="p-4">2342</td>
<td class="p-4">Sarah Adams</td>
<td class="p-4">s.adams@gmail.com</td>
<td class="p-4"><button type="button" class="whitespace-nowrap rounded-radius bg-transparent p-0.5 font-semibold text-primary outline-primary hover:opacity-75 focus-visible:outline-2 focus-visible:outline-offset-2 active:opacity-100 active:outline-offset-0 dark:text-primary-dark dark:outline-primary-dark">Edit</button></td>
</tr>
</tbody>
</table>
</div>