Table#

A simple text table — a header row of columns over a grid of rows.

Import#

TSX 
import { Table } from '@sigx/terminal';

Usage#

TSX 
/** @jsxImportSource @sigx/terminal */
import { component, defineApp, Table } from '@sigx/terminal';

const App = component(() => {
    return () => (
        <box border="single" label="Packages">
            <Table
                columns={['Package', 'Version', 'Status']}
                rows={[
                    ['@sigx/terminal', '0.6.1', 'latest'],
                    ['@sigx/args', '0.6.1', 'latest'],
                    ['@sigx/terminal-dev', '0.6.1', 'latest'],
                ]}
            />
        </box>
    );
});

defineApp(<App />).mount({ clearConsole: true });

Props#

PropTypeNotes
columnsstring[]required — header labels
rowsstring[][]row cells, in column order

See also#

  • QRCode — render a scannable code.