Skip to content

[react-link]: use textDecoration instead of border as underline #24729

@YuanboXue-Amber

Description

@YuanboXue-Amber

Library

React Components / v9 (@fluentui/react-components)

System Info

all browsers

Are you reporting Accessibility issue?

No

Reproduction

Link in all 3 libraries: https://codesandbox.io/s/competent-wood-0hm8xy?file=/src/index.js

Bug Description

Currently v9 react-link component uses border-bottom for the underline.
I think it would be better to change it to text-decoration. Both fabric and northstar uses text-decoration for Link. It would be easier for migration if v9 does the same.

Logs

No response

Requested priority

Low

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions