Skip to content

Action link

<ns-action-link>

Overview

Action links are decorative links used to navigate to another page or perform an action.

Examples

Guidance

Standard

Labelled diagram of ns-action-link

Key

KeyField typeGuidelines
ALabelKeep the text ‘short, relevant, and actionable’. It should not exceed 24 characters.
BIllustrationThis is a decoration. It is intended to provide a visual aid to the link. See our illustrations.

Implementation

Placement

The ns-action-link component can only be used as a child of the <ns-column> element.

Specification

Attributes

href

Property
href
Description
The URL that the hyperlink points to.
Type
string
Default

label

Property
label
Description
The text to display.
Type
string
Default

decoration

Property
decoration
Description
The name of the illustration to display.
Type
string
Options
Refer to our illustrations.
Default

type

Property
type
Description
The type of action link.
Type
string
Options
standard stacked
Default
standard

Last updated: