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.
The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.
npx boardui@latest add link-buttonUsing a shared UI package or custom import aliases? Configure your installation paths before running the CLI. Copy-paste examples use the default imports.
Icons and sizes
leadingIcon / trailingIcon take 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>