Deploy — Illustration · Electrik Slate

Deploy

A production deploy for heroes and feature grids.

Install + use

Decorative UI from electrik/slate-illustrations. Copy the sample, then make the copy your own.

composer require electrik/slate-illustrations


@source '../../vendor/electrik/slate-illustrations/resources/views/**/*.blade.php';
@import '../../vendor/electrik/slate-illustrations/resources/css/illustrations.css';

Sample usage

<div class="bg-muted/30 p-6 sm:p-10">
    <x-slate-illustration::deploy
        class="mx-auto max-w-md"
        label="Acme production"
        headline="main · ship-42"
        :jobs="[
            ['title' => 'Install dependencies', 'hint' => 'composer + npm'],
            ['title' => 'Build application', 'hint' => 'vite build'],
            ['title' => 'Run tests', 'hint' => 'php artisan test'],
            ['title' => 'Deploy to production', 'hint' => 'Forge · acme.com'],
        ]"
        :statuses="['Queued on Forge', 'Building application', 'Running the test suite', 'Live on acme.com']"
        :badges="['Queued', 'Building', 'Testing', 'Live']"
    />
</div>

Acme production

main · ship-42

Queued on Forge

Queued

Install dependencies

composer + npm
Build application

vite build
Run tests

php artisan test
Deploy to production

Forge · acme.com