Link

The link component, prefixed by gds-text--link, is used to style text links. Use for routing (<a> tags), if you are creating an action/trigger with button please use Button Text Only

Demo

Default text link
Secondary color text link

    <div>
      <a className="gds-text--link" href="#">Default text link</a>
      <br/>
      <a className="gds-text--link-secondary" href="#">Secondary color text link</a>
    </div>


    <div>
      <a className="gds-text--link" href="#">Default text link</a>
      <br/>
      <a className="gds-text--link-secondary" href="#">Secondary color text link</a>
    </div>

Error Log

Context (Color)

gds-text--link-secondary

gds-text--link-grey

gds-text--link-light-grey