jamsrui_tabs_component_basic_quickstart_with_tab_items.ts

1import React from 'react';
2import { Tabs, TabItem } from '@jamsrui/tabs';
3
4const App = () => {
5  const items: TabItem[] = [
6    {
7      key: '1',
8      label: 'Tab 1',
9      children: 'Content of Tab Pane 1',
10    },
11    {
12      key: '2',
13      label: 'Tab 2',
14      children: 'Content of Tab Pane 2',
15    },
16    {
17      key: '3',
18      label: 'Tab 3',
19      children: 'Content of Tab Pane 3',
20    },
21  ];
22
23  return (
24    <div style={{ padding: '20px' }}>
25      <Tabs items={items} defaultActiveKey="1" />
26    </div>
27  );
28};
29
30export default App;