Icon Button

Installation

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

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

Sizes & states

Pass any Remix Icon component reference via icon, pick a size, and always provide an aria-label - there's no visible text.

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