/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
preview/pages/flags.astro
32 строки
1000 B
Paweł Kuna
Improve accessibility across layouts, components, and forms (#2799)
06 авг 2026, 00:40
Не верифицирован
06 авг 2026, 00:40
1effe22
Код
Авторство
О чём код?
--- import DefaultLayout from '@shared/layouts/DefaultLayout.astro' import Card from '@ui/Card.astro' import CardHeader from '@ui/CardHeader.astro' import CardBody from '@ui/CardBody.astro' import flags from '@data/flags.json' // 21 filler divs for flexbox layout. const fillers = Array.from({ length: 21 }) --- <DefaultLayout title="Flags" pageHeader="Flags" pageMenu="addons.flags"> <Card> <CardHeader> <h3 class="card-title">List of all flags</h3> </CardHeader> <CardBody class="p-0"> <div class="demo-icons-list-wrap"> <div class="demo-icons-list"> { flags.map((country) => ( <span class="demo-icons-list-item" title={country.name} data-bs-toggle="tooltip" data-bs-placement="top"> <span class={`flag flag-country-${country.flag.toLowerCase()}`} /> </span> )) } {fillers.map(() => <div />)} </div> </div> </CardBody> </Card> </DefaultLayout>