Skip to main content

LinkButton()

LinkButton(__namedParameters): Element

LinkButton - A button component that renders as a link element

Provides accessible link functionality with button-like styling and visual feedback. Perfect for navigation actions that should look like buttons but behave as links. Includes icon support and integrates with React Aria for keyboard navigation and accessibility.

Parameters​

__namedParameters​

LinkButtonProps

Returns​

Element

Examples​

// Basic link button
<LinkButton href="/dashboard">Go to Dashboard</LinkButton>
// Link button with different variants and sizes
<LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
<LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
// Link button with icon
<LinkButton variant="flat" href="/profile">
  <Icon><User /></Icon>
  View Profile
</LinkButton>
// Icon-only link button
<LinkButton variant="icon" href="/help">
  <Icon><HelpCircle /></Icon>
</LinkButton>
// Link button with different colors
<LinkButton color="critical" href="/delete">Delete Account</LinkButton>
<LinkButton color="serious" href="/reset">Reset Data</LinkButton>