Link Button
An inline text action on Button's size scale but without the container - no fill or border, just the label with an underline on hover. Primary (blue) and secondary (muted) variants; renders an anchor when href is passed, otherwise a button, so the same action works in copy or as a handler.
Installation
You can add this link button component using our CLI or manually:
Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.
CLI
Manual
The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.
npx boardui@latest add link-buttonIcons and sizes
leadingIcon / trailingIcontake a Remix Icon reference and render at the size's icon scale - 20px for medium, 18px for small, 14px for xs.
{/* Icons render at the size's scale - pass the Remix Icon reference */}<LinkButton href="/changelog" trailingIcon={RiExternalLinkLine}> View changelog</LinkButton><LinkButton size="small" leadingIcon={RiDownloadLine} onClick={download}> Download report</LinkButton><LinkButton size="xs" variant="secondary" trailingIcon={RiArrowRightLine}> See all</LinkButton>