Empty

Implemented Display

Empty-state placeholder with icon and action.

Kumo reference: kumo-ui.com/components/empty/

Presentation commands show demo feedback. Read the interaction guide to connect real actions.

No resources

No packages found

Get started by installing your first package.

pip install -e .

See examples View documentation

Show template

{% load wdj %}
{% wdj_component "wdj/components/empty.html" icon="package-open" title="No packages found" description="Get started by installing your first package." command_line="pip install -e ." %}
  <div class="flex flex-wrap items-center justify-center gap-2">
    {% include "wdj/components/button.html" with href="/components/" label="See examples" icon="code" only %}
    {% include "wdj/components/button.html" with href="/install/" label="View documentation" icon="globe" variant="primary" only %}
  </div>
{% endwdj_component %}

Small

No results

Show template

{% load wdj %}
{% wdj_component "wdj/components/empty.html" title="No results" size="sm" %}

{% endwdj_component %}

With command

Install wdj

pip install -e .

Show template

{% load wdj %}
{% wdj_component "wdj/components/empty.html" title="Install wdj" command_line="pip install -e ." %}

{% endwdj_component %}

With action

No deployments

Show template

{% load wdj %}
{% wdj_component "wdj/components/empty.html" title="No deployments" %}
{% include "wdj/components/button.html" with label="Create resource" icon="plus" variant="primary" only %}
{% endwdj_component %}

Sizes

No data available

Add a resource to get started.

No data available

Add a resource to get started.

No data available

Add a resource to get started.

Show template

{% load wdj %}
{% for size in audit_empty_sizes %}{% include "wdj/components/empty.html" with title="No data available" description="Add a resource to get started." size=size only %}{% endfor %}

Minimal state

Nothing here

Show template

{% load wdj %}
{% include "wdj/components/empty.html" with title="Nothing here" hide_icon=True size="sm" only %}

API Reference

Prop	Type	Default	Description
title	string	unset	Title; pass the documented value shown in the examples.
description	string	unset	Description; pass the documented value shown in the examples.
command_line	string	unset	Command line; pass the documented value shown in the examples.
icon	string	unset	Icon; pass the documented value shown in the examples.
icon_size	number	unset	Icon size; pass the documented value shown in the examples.
hide_icon	bool	False	Hide icon; pass the documented value shown in the examples.
action	string / HTML slot	unset	Action; pass the documented value shown in the examples.
slot	string / HTML slot	unset	Rich HTML supplied by the wdj_component block tag, rendered in an isolated context.
size	string	base	Size; pass the documented value shown in the examples.
attrs	dict	{}	Dictionary of escaped native, HTMX or Alpine attributes. Literal Tailwind classes only.
class	string	""	Class; pass the documented value shown in the examples.

Accessibility notes

Every interactive component keeps real semantics and keyboard support: native controls where possible, ARIA only where necessary, and a visible focus ring. See the Accessibility page for the shared contract.

Read the accessibility contract