Tabs

npx inkui add tabs

import { Tabs } from './components/ui/tabs';
import { useState } from 'react';
import { Text } from 'ink';
 
const tabs = [
  { key: 'logs', label: 'Logs' },
  { key: 'metrics', label: 'Metrics' },
  { key: 'config', label: 'Config' },
];
 
export default function App() {
  const [active, setActive] = useState('logs');
  return (
    <Tabs tabs={tabs} activeKey={active} onChange={setActive}>
      <Text>Log output here</Text>
      <Text>Metrics dashboard</Text>
      <Text>Configuration panel</Text>
    </Tabs>
  );
}