InlineCopyText

Implemented Action

Compact borderless copy control for IDs and short values.

Kumo reference: kumo-ui.com/components/inline-copy-text/

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

Resource identifier

Show template

{% load wdj %}
{% include "wdj/components/inline_copy_text.html" with label="f86b3f10-32e9-4db7-ae95-84a1b2c3d4e5" value="f86b3f10-32e9-4db7-ae95-84a1b2c3d4e5" tooltip="Copy database ID" toast="Database ID copied" only %}

Custom feedback

Show template

{% load wdj %}
{% include "wdj/components/inline_copy_text.html" with label="Database ID" value="db-demo-123" tooltip="Copy database ID" toast="Database ID copied" only %}

Sizes

Show template

{% load wdj %}
{% include "wdj/components/inline_copy_text.html" with label="demo-123" size="base" only %}

Resource row

Resource ID

Show template

{% load wdj %}
<div class="flex flex-wrap items-center gap-3"><span>Resource ID</span>{% include "wdj/components/inline_copy_text.html" with value="demo-resource-01" label="demo-resource-01" only %}</div>

Rich label

Show template

{% load wdj %}
{% wdj_component "wdj/components/inline_copy_text.html" value="production-resource" %}
<span class="font-medium">Production</span> <span class="text-kumo-subtle">resource</span>
{% endwdj_component %}

API Reference

Prop	Type	Default	Description
value	string	unset	Value; pass the documented value shown in the examples.
label	string	unset	Visible accessible label. Supply an explicit aria-label via attrs when the control is bare.
slot	string / HTML slot	unset	Rich HTML supplied by the wdj_component block tag, rendered in an isolated context.
size	string	sm	Size; pass the documented value shown in the examples.
mono	bool	True	Mono; pass the documented value shown in the examples.
variant	string	mono-secondary	Variant; pass the documented value shown in the examples.
tooltip	string	unset	Tooltip; pass the documented value shown in the examples.
toast	string	unset	Toast; 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