/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/ui/Breadcrumb.astro
45 строк
1 KB
codecalm
Fix Prettier formatting regression and Astro type-check errors
03 авг 2026, 02:26
03 авг 2026, 02:26
f27c70a
Код
Авторство
О чём код?
--- import Icon from './Icon.astro' interface Props { pages?: string[] class?: string /** breadcrumb-{separator} class, e.g. "dots" */ separator?: string /** first item becomes a home-icon link (home-icon param) */ homeIcon?: boolean } const { pages = ['Home', 'Library', 'Data'], class: className, separator, homeIcon } = Astro.props const items = pages const classes = ['breadcrumb', className, separator && `breadcrumb-${separator}`] --- <!-- BEGIN BREADCRUMB --> <nav aria-label="Breadcrumb"> <ol class:list={classes}> { items.map((page, index) => index === items.length - 1 ? ( <li class="breadcrumb-item active" aria-current="page"> {page} </li> ) : ( <li class="breadcrumb-item"> {index === 0 && homeIcon ? ( /* Home icon link uses href="/". */ <a href="/"> <Icon name="home" /> </a> ) : ( <a href="#">{page}</a> )} </li> ), ) } </ol> </nav> <!-- END BREADCRUMB -->