ButtonLink #

ButtonLink renders an anchor with button styling.

Props #

PropTypeRequiredDescription
hrefstringYesLink destination.
variant'default' | 'primary' | 'ghost'NoVisual button style.
childrenReactNodeYesButton label.

Examples #

Live examples #

Code #

Primary CTA #

mdx
<ButtonLink href="/guides/quickstart" variant="primary">Start Setup</ButtonLink>
mdx
<ButtonLink href="/guides/components/index">Browse Components</ButtonLink>

Ghost style #

mdx
<ButtonLink href="/guides/troubleshooting" variant="ghost">Need Help?</ButtonLink>