Auro Playground
  • Basic
    • Button
    • Basic Hyperlink
  • Advanced
    • Cards
    • Flight
Examples

Auro Hyperlink Basic Example

This is a basic example of how to use the Auro Hyperlink component. The hyperlink component is used both on its own and as a building block for other components.

Usage

Auro hyperlink is a mostly drop-in replacement for the standard <a> tag. It can be used in the same way, with the addition of a few extra attributes to add styles and functionality.

<auro-hyperlink href="https://auro.alaskaair.com">Auro Design System</auro-hyperlink>

How to install

npm install @aurodesignsystem/auro-hyperlink

Then later, in your code:

// To just get a component named 'auro-hyperlink'
import '@aurodesignsystem/auro-hyperlink';