LinkButton

A LinkButton combines the functionality of a link with the appearance of a button. Useful for allowing users to navigate to another page.

children

variant

staticColor

fillStyle

size

isDisabled

import {LinkButton} from '@react-spectrum/s2';

<LinkButton
  href="https://react-spectrum.adobe.com/"
  target="_blank">
  Link
</LinkButton>

API

<LinkButton>
  <Icon />
  <Text />
</LinkButton>

Name	Type	Default
`children`	`ReactNode`	Default: —
The content to display in the Button.
`isDisabled`	`boolean`	Default: —
Whether the link is disabled.
`styles`	`StylesProp`	Default: —
Spectrum-defined styles, returned by the `style()` macro.
`variant`	`'primary' \| 'secondary' \| 'accent' \| 'negative' \| 'premium' \| 'genai'`	Default: `'primary'`
The visual style of the button.
`fillStyle`	`'fill' \| 'outline'`	Default: `'fill'`
The background style of the Button.
`size`	`'S' \| 'M' \| 'L' \| 'XL'`	Default: `'M'`
The size of the Button.
`staticColor`	`'white' \| 'black' \| 'auto'`	Default: —
The static color style to apply. Useful when the Button appears over a color background.