zk-empty-state

What to show when a list or a page has nothing to show.

Props

Prop	Type	Default	Description
title	string|null	null	Title
description	string|null	null	Text, when there is no slot
class	string|null	null	CSS class(es) merged onto the root element

Undeclared attributes forward to the root element.

Slots

Slot	Description
default	Replaces the description
icon	Icon above the title
actions	Buttons or links

Examples

Basic

<x-zk-empty-state title="No project yet" description="Create your first one.">
    <x-slot:actions>
        <a href="/projects/new">New project</a>
    </x-slot>
</x-zk-empty-state>