@fluentui/react-link
TypeScript icon, indicating that this package has built-in type declarations

9.2.24 • Public • Published

@fluentui/react-link

Link components for Fluent UI

Links reference data that a user can follow by clicking or tapping it.

Usage

To import Link:

import { Link } from '@fluentui/react-components';

Examples

<Link>This is a link</Link>
<Link href="https://www.bing.com">This is a link</Link>
<Link href="https://www.bing.com" appearance="subtle">This is a link</Link>
<Link href="https://www.bing.com" disabled>This is a link</Link>
<Link href="https://www.bing.com" target="_blank">This is a link</Link>
<Link as="button" appearance="subtle">This is a link</Link>

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

  1. yarn start
  2. Select react-link from the list.

Specification

See SPEC.md.

Migration Guide

If you're upgrading to Fluent UI v9 see MIGRATION.md for guidance on updating to the latest Link implementation.

Readme

Keywords

none

Package Sidebar

Install

npm i @fluentui/react-link

Weekly Downloads

94,774

Version

9.2.24

License

MIT

Unpacked Size

212 kB

Total Files

41

Last publish

Collaborators

  • sopranopillow
  • microsoft1es
  • justslone
  • chrisdholt
  • miroslavstastny
  • levithomason
  • uifabricteam
  • uifrnbot
  • dzearing
  • layershifter
  • ling1726
  • travisspomer