Перейти к содержанию
Проекты

Navbar Card - аккуратная навигационная панель для HomeAssistant-дашбордов

Опубликовано: Обновлено: Автор: MichaelИсточник: t.me

Если на телефоне или настенной панели уже накопилось несколько экранов - свет, климат, камеры, энергия, автоматизации - обычные вкладки быстро превращаются в мелкий лабиринт. NavbarCard решает именно эту боль: даёт нормальную нижнюю навигацию на мобильных и боковую панель на десктопе.

ПроектыHome AssistantHomeAssistant-дашбордовNavbarCardLovelaceDashboard-экранамиmedia playerHACS
🧭 Navbar Card (https://github.com/joseluis9595/lovelace-navbar-card) - аккуратная навигационная панель для #HomeAssistant-дашбордов Если на телефоне или настенной панели уже накопилось несколько экранов - свет, климат, камеры, энергия, автоматизации - обычные вкладки быстро превращаются в мелкий лабиринт. #NavbarCard решает именно эту боль: даёт нормальную нижнюю навигацию на мобильных и боковую панель на десктопе. Не новая “ещё одна карточка ради карточки”, а простой способ сделать #Lovelace похожим на приложение. ✨ Что умеет: 📱 адаптируется под телефон, планшет и десктоп 🧭 делает единое меню между разными #Dashboard-экранами 🎛 поддерживает свои иконки, стили, действия и popup-меню 🔢 умеет показывать бейджи - например, сколько ламп сейчас включено 🎵 может выводить мини-блок #media_player 🧩 ставится через #HACS как custom #Lovelace card 🏠 Где особенно полезно: • настенная панель в прихожей или кухне • мобильный дашборд для семьи • отдельные экраны “Свет”, “Климат”, “Камеры”, “Энергия” • аккуратная навигация без десятка мелких кнопок в каждом view Технически всё настраивается через #YAML: routes, desktop/mobile поведение, haptic, popup, стили и действия. Можно сделать обычный нижний #navbar, стеклянный #iOS-style вариант, боковую панель на большом экране или компактное меню с дополнительными пунктами. Нюанс: это кастомная frontend-карточка, не часть ядра #HomeAssistant. Лучше сначала попробовать на копии дашборда, особенно если у вас уже много #card_mod и нестандартных тем. GitHub: https://github.com/joseluis9595/lovelace-navbar-card Документация: https://joseluis9595.github.io/lovelace-navbar-card/docs/introduction (https://joseluis9595.github.io/lovelace-navbar-card/docs/introduction/)/ (https://joseluis9595.github.io/lovelace-navbar-card/docs/introduction/) Источник: Home Assistant - https://t.me/home_assistant #HomeAssistant #Lovelace #HACS #Dashboard #UI #YAML #УмныйДом