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.

Learn more

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

Download React package Installation guide

'use client';
import '@helios-ui/react/styles.css';
import{NativeScope,NativeLinkButtonExample}from'@helios-ui/react';
export function Example(){return <NativeScope><NativeLinkButtonExample/></NativeScope>}

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.

View changelog

usage

'use client';
import '@helios-ui/react/styles.css';
import{BoardNativeSectionExample}from'@helios-ui/react';
export function Example(){return <BoardNativeSectionExample slug="link-button" id="icons-sizes"/>}

Advanced playground, API and recovery states ↗

Link Button

Installation

Icons and sizes

Search Helios UI

Link Button

Installation

Icons and sizes

Search Helios UI