Diwa Design System

Link Pure

A minimal text+icon navigation link with no background or border. Use for inline navigation actions where a full-weight link would be too visually heavy.

Properties

NameTypeDefaultDescription
theme'light' | 'dark''dark'Per-component theme override.
size'sm' | 'md' | 'lg''md'Text and icon size tier.
iconstring'arrow-right'Lucide icon name (kebab-case), or "none" to hide icon.
alignLabel'end' | 'start''end'Label position relative to icon. "end": [icon][label], "start": [label][icon].
underlinebooleanfalseAdds underline decoration to the label text.
activebooleanfalseForces active visual state. Sets aria-current="page".
hideLabelbooleanfalseVisually hides the label (icon-only mode). Always pair with label.
stretchbooleanfalseStretches component to fill container width.
hrefstringundefinedURL the link navigates to. Renders as <a> when set, <span> otherwise.
target'_self' | '_blank' | '_parent' | '_top''_self'Where to open the linked URL.
downloadstringundefinedTriggers browser download dialog.
relstringundefinedRelationship of the target. Defaults to noopener noreferrer when target="_blank".
labelstringundefinedAccessible aria-label for icon-only usage.

Events

diwa-link-pure is a navigation element and emits no custom events.

Slots

NameDescription
(default)Link label text.

CSS shadow parts

PartDescription
baseThe inner <a> or <span> element.
labelThe label span wrapping the slotted content.