Surface
Implemented LayoutBordered surface panel with header slot.
Kumo reference: kumo-ui.com/registry/
Presentation commands show demo feedback. Read the interaction guide to connect real actions.
Simple surface
Manage your project settings.
Show template
{% load wdj %}
{% wdj_component "wdj/components/card.html" %}
<p class="text-base">Manage your project settings.</p>
{% endwdj_component %}Header
Resource details
Manage your project settings.
Show template
{% load wdj %}
{% wdj_component "wdj/components/card.html" title="Resource details" %}
<p class="text-base">Manage your project settings.</p>
{% endwdj_component %}Description
Resource details
Configuration summary
Manage your project settings.
Show template
{% load wdj %}
{% wdj_component "wdj/components/card.html" title="Resource details" description="Configuration summary" %}
<p class="text-base">Manage your project settings.</p>
{% endwdj_component %}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. |
| slot | string / HTML slot | unset | Rich HTML supplied by the wdj_component block tag, rendered in an isolated context. |
| padding | bool | True | Padding; 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. |