Link Buttons

Link buttons create styled call-to-action buttons with optional icons.

Variants

Primary

Secondary

Minimal

Syntax:

:::link-button{href="/path" variant="primary"}
Button Text
:::

With Icons

Icon placement defaults to the end. Use iconPlacement="start" to place it before the text:

Available Icons

arrow, arrow-right, arrow-left, external, download, github, rocket, star, check, chevron-right, chevron-left, plus

Best Practices

• Use primary for the main call to action, secondary for alternatives
• One primary button per section maximum
• Use icons to reinforce the button's purpose (arrow for navigation, external for links)
• Keep button text short and action-oriented