Фонд и НКО
«Что даёт ваша сумма»: чипы, ползунок и перерисовывающаяся карточка
Калькулятор пожертвования для фонда: слева чипы сумм и ползунок, привязанный к ним, справа бумажная карточка, которая живо меняется при выборе — сумма, заголовок и текст въезжают снизу, линейная иконка (пакет, таблетки, визит, инструменты, дом) перерисовывается штрихом через pathLength и stroke-dashoffset. Рукописная пометка на карточке и кнопка «помочь этой суммой». Выбранная сумма уходит событием vibeui-charity:amount.
Что можно поменять
- eyebrow, title, lede, currency
- tiers: amount, title, text, icon (bag | pills | visit | tools | home), note
- defaultIndex, actionLabel, actionHref
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/charity-001?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Теги
- charity
- donation
- calculator
- impact
- slider
- chips
- line-icon
- nonprofit
- paper
- handwritten
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…