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:
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>