Table

Name: Veldora
Author: Shahriyar Fahim

Sortable data table with status badges, action buttons, and hover row highlight.

<x-table>

Data Table with Badges

Each row uses .vui-badge for status and a ghost button for inline actions.

Name	Role	Status	Action
Alex Mercer	Lead Dev	Active
Elena Rostova	Designer	Pending

<x-table :headers="['Name', 'Role', 'Status', 'Action']">
    <x-table-row>
        <x-table-cell font-weight="500">Alex Mercer</x-table-cell>
        <x-table-cell>Lead Dev</x-table-cell>
        <x-table-cell><x-badge color="success">Active</x-badge></x-table-cell>
        <x-table-cell align="right"><x-button variant="ghost" size="sm">Edit</x-button></x-table-cell>
    </x-table-row>
</x-table>

← Previous Card Next → Stat