Хлебные крошки
Путь от главной
Путь с домиком в начале и шевронами между уровнями: обе фигуры нарисованы бордюрами, иконочного пакета нет.
Что можно поменять
- массив items
- homeLabel — как назвать корень
- акцент через проп accent
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/breadcrumb-003?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, без зависимостей, собственная палитра в локальных переменных --vibeui-breadcrumb-003-*. Серверный: хуков нет. Домик собран из повёрнутого квадрата (крыша) и прямоугольника с обрезанной верхней гранью (стена); шеврон — два бордюра, повёрнутых на 45°. У ссылки-домика есть aria-label: иконка без имени в навигации бесполезна.
Теги
- breadcrumb
- icon
- home
- css-shapes
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…