# Source: https://dev.writer.com/components/link.md

# Link

A component to create a hyperlink.

<img src="https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=aeb68e5c7bfe61311af4c85a80a69213" data-og-width="502" width="502" data-og-height="166" height="166" data-path="framework/public/components/link.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=280&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=417c0a983a6b2e8247cdc44c2f68ecc1 280w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=560&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=1d237258d43c3568938331707c09e436 560w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=840&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=345d89aecc7d85996f5739754cb8445b 840w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=1100&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=570288b9e489e4b4a12493d2379065bd 1100w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=1650&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=c01de25e7708c77a3261d4cb6e86fd44 1650w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/link.png?w=2500&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=958cc02ee13c8193335344ab0f357234 2500w" />

## Fields

<table className="componentFields">
  <thead>
    <th>Name</th>
    <th>Type</th>
    <th class="desc">Description</th>
    <th>Options</th>
  </thead>

  <tbody>
    <tr>
      <td>URL</td>
      <td>Text</td>
      <td>Specify a URL or choose a page. Keep in mind that you can only link to pages for which a key has been specified.</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Target</td>
      <td>Text</td>
      <td>Specifies where to open the linked document.</td>

      <td>
        <ol>
          <li>Self</li>

          <li>Blank</li>

          <li>Parent</li>

          <li>Top</li>
        </ol>
      </td>
    </tr>

    <tr>
      <td>Rel</td>
      <td>Text</td>
      <td>Specifies the relationship between the current document and the linked document.</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Text</td>
      <td>Text</td>
      <td>The text to display in the link.</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Primary text</td>
      <td>Color</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Custom CSS classes</td>
      <td>Text</td>
      <td>CSS classes, separated by spaces. You can define classes in custom stylesheets.</td>

      <td>
        <span>-</span>
      </td>
    </tr>
  </tbody>
</table>