Stats row — Block · Electrik Slate

Stats row

Compact metric cards in a responsive row.

Install + use

Blocks ship as electrik/slate-blocks. Copy the sample usage below, then wire props to your routes.

composer require electrik/slate-blocks


@source '../../vendor/electrik/slate-blocks/resources/views/**/*.blade.php';

Sample usage

<div class="bg-background p-6 sm:p-10">
    <x-slate-block::stats-row
        :stats="[
            ['label' => 'Revenue', 'value' => '$12.4k', 'hint' => '+12% vs last month'],
            ['label' => 'Active users', 'value' => '318', 'hint' => 'Across 4 teams'],
            ['label' => 'Deploys', 'value' => '24', 'hint' => 'This week'],
            ['label' => 'Uptime', 'value' => '99.9%', 'hint' => 'Last 30 days'],
        ]"
    />
</div>

Revenue

$12.4k

+12% vs last month

Active users

318

Across 4 teams

Deploys

This week

Uptime

99.9%

Last 30 days