Link

Implemented Action

Inline, current and plain text links.

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

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

Inline

Default inline link Current color link Plain inline link

Show template

{% load wdj %}
<div class="flex flex-wrap items-center gap-6 text-base">
  {% include "wdj/components/link.html" with label="Default inline link" href="/install/" only %}
  {% include "wdj/components/link.html" with label="Current color link" href="/install/" variant="current" only %}
  {% include "wdj/components/link.html" with label="Plain inline link" href="/install/" variant="plain" only %}
</div>

Current color

Read documentation

Show template

{% load wdj %}
{% include "wdj/components/link.html" with label="Read documentation" href="/install/" variant="current" only %}

Plain

Read documentation

Show template

{% load wdj %}
{% include "wdj/components/link.html" with label="Read documentation" href="/install/" variant="plain" only %}

External

Kumo reference

Show template

{% load wdj %}
{% wdj_component "wdj/components/link.html" href="https://kumo-ui.com/" target="_blank" rel="noopener noreferrer" %}
Kumo reference {% wdj_icon "external-link" class="size-3.5" %}
{% endwdj_component %}

In text

Start with the installation guide to add wdj to your project.

Show template

{% load wdj %}
<p class="text-base text-kumo-default">Start with {% include "wdj/components/link.html" with label="the installation guide" href="/install/" only %} to add wdj to your project.</p>

API Reference

Prop	Type	Default	Description
href	string	unset	Href; 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.
variant	string	component-specific	Variant; pass the documented value shown in the examples.
external	string	unset	External; pass the documented value shown in the examples.
icon	string	unset	Icon; 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.
class	string	""	Class; pass the documented value shown in the examples.
attrs	dict	{}	Dictionary of escaped native, HTMX or Alpine attributes. Literal Tailwind classes only.

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