Plume UI

Table

A responsive table component.

Examples

Default Table

Invoice Status Method Amount
INV001 Paid Credit Card $250.00
INV002 Pending PayPal $150.00
INV003 Unpaid Bank Transfer $350.00

Striped Table

Name Role Email
John Doe Admin john@example.com
Jane Smith User jane@example.com
Bob Johnson User bob@example.com
Alice Williams Moderator alice@example.com

Properties

Prop Type Default Description
striped boolean false Whether to alternate row background colors.

Usage

blade
<x-plume::table striped>
    <x-plume::table.header>
        <x-plume::table.row>
            <x-plume::table.head>Header</x-plume::table.head>
        </x-plume::table.row>
    </x-plume::table.header>
    <x-plume::table.body>
        <x-plume::table.row>
            <x-plume::table.cell>Cell Content</x-plume::table.cell>
        </x-plume::table.row>
    </x-plume::table.body>
</x-plume::table>