mirror of
https://github.com/hunvreus/basecoat.git
synced 2026-11-12 13:18:22 +00:00
119 lines
3.7 KiB
Plaintext
119 lines
3.7 KiB
Plaintext
<section id="table" class="w-full rounded-lg border">
|
|
<header class="border-b px-4 py-3">
|
|
<h2 class="text-sm font-medium">Table</h2>
|
|
</header>
|
|
<div class="p-4">
|
|
|
|
<div class="relative w-full overflow-x-auto">
|
|
<table class="table">
|
|
<caption>List of users</caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Name</th>
|
|
<th scope="col">Email</th>
|
|
<th scope="col">Role</th>
|
|
<th scope="col">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/sarah_chen" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
Sarah Chen
|
|
</span>
|
|
</td>
|
|
<td>sarah.chen@example.com</td>
|
|
<td>Admin</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/marcus_rodriguez" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
Marcus Rodriguez
|
|
</span>
|
|
</td>
|
|
<td>m.rodriguez@example.com</td>
|
|
<td>Member</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/emma_thompson" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
Emma Thompson
|
|
</span>
|
|
</td>
|
|
<td>emma.t@example.com</td>
|
|
<td>Member</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/aiden_patel" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
Aiden Patel
|
|
</span>
|
|
</td>
|
|
<td>a.patel@example.com</td>
|
|
<td>Admin</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/lisa_kim" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
Lisa Kim
|
|
</span>
|
|
</td>
|
|
<td>l.kim@example.com</td>
|
|
<td>Guest</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<span class="font-medium flex items-center gap-x-2">
|
|
<img src="https://avatar.vercel.sh/james_wilson" alt="Avatar" class="w-5 h-5 rounded-full">
|
|
James Wilson
|
|
</span>
|
|
</td>
|
|
<td>jwilson@example.com</td>
|
|
<td>Member</td>
|
|
<td>
|
|
<a href="#" class="badge-outline">
|
|
View profile
|
|
{% lucide "arrow-up-right" %}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section> |