office-ui-fabric-react/lib/codepen/components/Link/Link.Basic.Example.Codepen.txt

Reusable React components for building experiences for Office 365.

let { Link, Fabric } = window.Fabric;

class LinkBasicExample extends React.Component<any, any> {
  public render(): JSX.Element {
    return (
      <div className="docs-LinkExample">
        <span>When a link has an href, </span>
        <Link href="http://dev.office.com/fabric/components/link">it renders as an anchor tag.</Link>
        <span> Without an href, </span>
        <Link>the link is rendered as a button</Link>.<span> You can also use the disabled attribute to create a </span>
        <Link disabled={true} href="http://dev.office.com/fabric/components/link">
          disabled link
        </Link>
        .
      </div>
    );
  }
}

ReactDOM.render(<LinkBasicExample />, document.getElementById('content'));