Skip to content
This repository has been archived by the owner on Mar 26, 2019. It is now read-only.

Latest commit

 

History

History
42 lines (28 loc) · 1.14 KB

Link.md

File metadata and controls

42 lines (28 loc) · 1.14 KB

Link

Used to create a hyperlink to another location.

Variants

Default

Link example

States

This component has only the default state.

Using this component

  1. Confirm that you have references to Fabric's CSS on your page:

    <head>
    <link rel="stylesheet" href="fabric.min.css">
    <link rel="stylesheet" href="fabric.components.min.css">
</head>

  2. Copy the HTML from one of the samples above into your page. For example:

    <div class="ms-font-m">
   <a class="ms-Link" href="#" title="More info about Example Link">Example Link</a>
</div>

  3. Replace the sample text with the text of your link.

Dependencies

This component has no dependencies on other components.

Accessibility

Use the title attribute to provide additional text describing the link, if the link text itself is not descriptive enough.

Notes

The Link inherits the font family, size, and weight of its parent element. This is why we have placed it within .ms-font-m wrapper in the sample above.