Table

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,NativeTableExample}from'@helios-ui/react';
export function Example(){return <NativeScope><NativeTableExample/></NativeScope>}

Sizes

The table comes in 2 sizes: md (normal) and sm (compact, with tighter padding and smaller avatars). Switch between them by changing the size prop on the Table component - try the Normal / Compact toggle in the preview above.

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

return <NativeScope><NativeDataTableExample showSizeToggle pageSize={8}/></NativeScope>;
}