Links are used as navigational elements. They may appear on their own, within a sentence or paragraph, or directly following the content.
Color
Set the color of the link
| Type | Default Value |
|---|
| string | null |
<NVLink Href="#">default</NVLink>
<NVLink Href="#" Color="primary">Primary</NVLink>
<NVLink Href="#" Color="secondary">Secondary</NVLink>
<NVLink Href="#" Color="success">Success</NVLink>
<NVLink Href="#" Color="error">Error</NVLink>
<NVLink Href="#" Color="neutral">Gray</NVLink>
<a href="#" class="nv-link">default</a>
<a href="#" class="nv-link primary">Primary</a>
<a href="#" class="nv-link secondary">Secondary</a>
<a href="#" class="nv-link success">Success</a>
<a href="#" class="nv-link error">Error</a>
<a href="#" class="nv-link neutral">Gray</a>
<nv-link href="#">default</nv-link>
<nv-link href="#" color="primary">Primary</nv-link>
<nv-link href="#" color="secondary">Secondary</nv-link>
<nv-link href="#" color="success">Success</nv-link>
<nv-link href="#" color="error">Error</nv-link>
<nv-link href="#" color="neutral">Neutral</nv-link>
<NvLink>default</NvLink>
<NvLink color={LinkColor.PRIMARY}>Link</NvLink>
<NvLink color={LinkColor.SECONDARY}>Link</NvLink>
<NvLink color={LinkColor.SUCCESS}>Link</NvLink>
<NvLink color={LinkColor.ERROR}>Link</NvLink>
<NvLink color={LinkColor.NEUTRAL}>Link</NvLink>
Href
| Type | Default Value |
|---|
| string | null |
<NVLink Href="#">default</NVLink>
<a href="#" class="nv-link">default</a>
<nv-link href="#">default</nv-link>
<NvLink href="#">
Link
</NvLink>
Target
Set the target of the link
| Type | Default Value |
|---|
| string | null |
<NVLink Href="#" Target="_blank">default</NVLink>
<a href="#" target="_blank" class="nv-link">default</a>
<nv-link href="#" target="_blank">default</nv-link>
<NvLink href="#" target="_blank>
Link
</NvLink>
