Skip to main content Skip to docs navigation

Button Link

Link-styled interactive elements that combine button functionality with hyperlink visual presentation for consistent inline action and navigation triggers.

This documentation is a work in progress and may contain incomplete or outdated information. If you have any feedback or suggestions, please open an issue on GitHub.

Props

Configurable properties that control the appearance, behavior, and functionality of link button components.

Properties that define the visual state and interactive behavior of button elements.

Button Link example image Button Link example image

context variant

Controls the visual style and semantic meaning of the button based on its intended purpose and importance.

  • default
  • alternate
  • primary
  • secondary
  • neutral
  • danger
  • success
  • warning
  • info
  • black
  • white

size variant

Controls the dimensional scale and proportional relationships of the button component.

  • large
  • medium
  • small

state variant

Controls the interactive state and visual feedback of the button based on user interaction.

  • idle
  • hover
  • press
  • disabled

has-icon-start boolean

Controls the visibility of an icon element positioned before the button label.

  • true
  • false

icon-start-instance instance-swap

has-icon-start:
true

Specifies which icon component to display when icon-start property is enabled. Depends on has-icon-start.

  • Icon Placeholder

has-badge boolean

Controls the visibility of a badge element positioned after the button label for displaying counts or notifications.

  • true
  • false

is-dropdown boolean

Controls the visibility of a dropdown indicator that signals additional actions or options.

  • true
  • false

has-icon-end boolean

Controls the visibility of an icon element positioned after the button label.

  • true
  • false

icon-end-instance instance-swap

has-icon-end:
true

Specifies which icon component to display when icon-end property is enabled. Depends on has-icon-end.

  • Icon Placeholder