The external link button component is a button that opens links in an external tab. To further customize this component, you can also utilize all properties of the button component.
Examples
Basic external link button
In order to display a basic external link button, you can use the href property to specify the URL and the variant property to set the button style.
Inline external link button
You may use the external link button component inline with other text by using the inline property.
Passing props to the icon
You may pass props to the icon using the iconProps property. This is useful for customizing the title of the icon for enhanced screen reader support.
Props
ExternalLinkButton
| Name | Type | Default | Description |
|---|---|---|---|
| iconProps | SVGIconProps | Additional props to pass to the icon |
