Главная / Каталог / UI-компоненты
«Карточки тарифов» — Блок тарифов с переключателем
Цена: 590 ₽
Готовый блок тарифов: три карточки с выделенным планом, переключатель «месяц/год» с пересчётом цен и бейджем выгоды. Плюс тёмный glass-вариант.
Блок тарифов, который продаёт: три карточки с выделенным популярным планом, переключатель «месяц / год» с живым пересчётом цен и бейджем «−20% за год», список фич с галочками и иконками «не входит».
В наборе два стиля: светлый для классических лендингов и тёмный стеклянный для технологичных продуктов. Цены и фичи задаются прямо в разметке — переключатель подхватывает их из data-атрибутов.
Что умеет
- Переключатель месяц/год с пересчётом
- Бейдж выгоды при оплате за год
- Выделение популярного тарифа
- Светлый и тёмный glass-стили
- Списки фич с галочками
- Цены в data-атрибутах
- Hover-подъём карточек
- Адаптив: колонка на мобильных
Разделы
- Светлый блок тарифов
- Тёмный glass-вариант
- Переключатель периода
- Бейджи выгоды