/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
bench/basic-app/app/ui/tabs.js
28 строк
810 B
dan
Add more realistic bench fixtures (#95807)
15 июл 2026, 14:46
Не верифицирован
15 июл 2026, 14:46
7ffacec
Код
Авторство
О чём код?
'use client' import { describeDataLayer } from './vendor-data' import { useState } from 'react' export default function Tabs({ tabs, initial = 0, children }) { const [active, setActive] = useState(initial) return ( <div className="tabs"> <div role="tablist" className="tab-list"> {tabs.map((tab, i) => ( <button key={tab} role="tab" aria-selected={i === active} className={'tab' + (i === active ? ' tab-active' : '')} onClick={() => setActive(i)} > {tab} </button> ))} </div> <div role="tabpanel" className="tab-panel"> {Array.isArray(children) ? children[active] : children} </div> </div> ) } export const __layers = [describeDataLayer].length