/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
docs/components/TabsPackage.astro
36 строк
1 KB
Bartosz-Do
Fix docs UI bugs: tabs, redirect, docs-libs, colors grid, navbar link (#2830)
08 авг 2026, 00:57
Не верифицирован
08 авг 2026, 00:57
a1b65d1
Код
Авторство
О чём код?
--- import { Code } from 'astro:components' import packageManagers from '@data/package-managers.json' interface Props { name: string } const { name }: Props = Astro.props --- <ul class="nav nav-bordered mb-2" role="tablist"> { packageManagers.map((manager, i) => { return ( <li class="nav-item" role="presentation"> <button class={`nav-link${i === 0 ? ' active' : ''}`} id={`${manager.name}-tab`} data-bs-toggle="tab" data-bs-target={`#${manager.name}`} type="button" role="tab" aria-controls={manager.name} aria-selected={i === 0 ? 'true' : 'false'}> <span set:html={manager.icon.replace('<svg ', '<svg class="me-2" ')} /> {manager.name} </button> </li> ) }) } </ul> <div class="tab-content"> { packageManagers.map((manager, i) => { return ( <div class={`tab-pane${i === 0 ? ' show active' : ''}`} id={`${manager.name}`} role="tabpanel" aria-labelledby={`${manager.name}-tab`}> <Code code={`${manager.command} ${manager.install} ${name}`} lang="bash" /> </div> ) }) } </div>