Доставка еды
Конструктор боула: слои падают в миску, калории и цена считаются
Конструктор блюда для доставки: группы ингредиентов чипами с цветной точкой — основа и соус по одному, белок и добавки сколько угодно. Справа фото миски: каждый выбранный белок — своё фото той же миски, обрезанное сектором, соус — блик поверх, добавки — цветные горошины с отскоком; без фото — CSS-миска со слоями. Под ней калории, вес и цена пересчитываются на лету, а строка состава читается вслух. Кнопка «В корзину» шлёт vibeui-cart:add и на пару секунд зеленеет.
Что можно поменять
- eyebrow, title, lede, addLabel, addedLabel
- groups: id, title, mode (single | multi), options: id, name, price, kcal, color, image (фото миски с этим ингредиентом)
- bowlImage, basePrice, currency
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/delivery-002?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Теги
- delivery
- builder
- configurator
- bowl
- poke
- ingredients
- calories
- calculator
- food
- interactive
- event
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…