Skip to main content

Link

<gstock-link> | GstockLink

Disabled

Basic disabled
<gstock-link href="#" disabled>Basic disabled</gstock-link>

Sizes

Use the size attribute to change size of the input.

Basic small Basic medium Basic large
<gstock-link href="#" size="small">Basic small</gstock-link>

<gstock-link href="#" size="medium">Basic medium</gstock-link>

<gstock-link href="#" size="large">Basic large</gstock-link>

Weight

Basic normal Basic bold
<gstock-link href="#" weight="normal">Basic normal</gstock-link>

<gstock-link href="#" weight="bold">Basic bold</gstock-link>

Download

Use the download attribute for download a file instead of navigating.

Download
<gstock-link href="/assets/images/wordmark.svg" download="gstock.svg">Download</gstock-link>

Properties

Hreflang Referrerpolicy: no-referrer Referrerpolicy: no-referrer-when-downgrade Referrerpolicy: origin Referrerpolicy: origin-when-cross-origin
<gstock-link href="#" hreflang="es">Hreflang</gstock-link>

<gstock-link href="#" referrerpolicy="no-referrer">Referrerpolicy: no-referrer<gstock-link>

<gstock-link href="#" referrerpolicy="no-referrer-when-downgrade">Referrerpolicy: no-referrer-when-downgrade</gstock-link>

<gstock-link href="#" referrerpolicy="origin">Referrerpolicy: origin</gstock-link>

<gstock-link href="#" referrerpolicy="origin-when-cross-origin">Referrerpolicy: origin-when-cross-origin</gstock-link>

Rel

Use the rel attribute to specifies the relationship between the current document and the linked document.

alternate archives up
<gstock-link href="#" rel="alternate">alternate</gstock-link>

<gstock-link href="#" rel="archives">archives</gstock-link>

<gstock-link href="#" rel="author">author</gstock-link>

<gstock-link href="#" rel="up">up</gstock-link>

Target

Use the target attribute to change where to open the linked document.

_self _blank _parent _top
<gstock-link href="#" target="_self">_self</gstock-link>

<gstock-link href="#" target="_blank">_blank</gstock-link>

<gstock-link href="#" target="_parent">_parent</gstock-link>

<gstock-link href="#" target="_top">_top</gstock-link>

Type

Use the type attribute to specifies the media type of the linked document.

Type: image/png Type: audio/ogg
<gstock-link href="#" type="image/png">Type: image/png</gstock-link>

<gstock-link href="#" type="audio/ogg">Type: audio/ogg</gstock-link>