In this Custom Button Card coding tutorial, we will create a custom button for the PWM Fan Controller project. I will demonstrate how to use the 'name: parameter' to test CSS code. Follow along as we build a full-fledged Custom Button Card step by step that has all the controls in one place.
🎬 Part 1: Building the Circuit Board: • Home Assistant 4-Wire PWM Fan Controller P...
🎬 Part 2: ESPHome Flash and Code Breakdown: • Home Assistant 4-Wire PWM Fan Controller P...
🎁ESPHome Code:
https://github.com/3ative/button-card...
💖 I hope you like this Home Assistant setup guide for your smart home 💖
🎬 THE LINKS - Files / Help / Support:
🛒 Other files & Merch: https://store.3ative.com
💎 3ATIVE DISCORD: / discord
☕ Buy me a Coffee: https://www.buymeacoffee.com/3ative
💕 PATREON: / 3ative
💯 Get the Gadgets, Devices and Tools I use: Amazon UK: https://amzn.to/3uRw8fi
As an Amazon Associate I earn from qualifying purchases. Using this link ⇈ provides small monetary support for my channel at no extra cost to you.💖
Chapters:
00:00 Intro
00:12 1 - Bench Demo
01:45 2.1 - Name Coding
09:42 2.2 - Icon Animation
14:54 2.3 - Click for Slider
16:09 2.4 - Flashy-Flashy Alarm
21:14 3 - Adding a new Button
21:53 Outro
#homeassistant #tutorial #CustomButtonCard
~-~~-~~~-~~-~
Please watch: "ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-State Multiplexing Trick (Charlieplexing)"
• ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-Sta...
~-~~-~~~-~~-~