Byte Button Unit with 8x Buttons (STM32G031)

/* ===== Scoped Description Style ===== */ .product-description.rte { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color : #2c2c2c; line-height: 1.65; font-size: 16px; } /* ===== Headings ===== */ .product-description.rte h2 { font-size: 1.8em; color: #0D47A1; border-left: 4px solid #1f6fe5; padding-left: 12px; margin-top: 32px; margin-bottom: 16px; } /* ===== H3 Titles Optimization ===== */ .product-description.rte h3 { font-size: 1.4em; color: #0D47A1; margin-top: 24px; margin-bottom: 12px; font-weight: 500; padding-bottom: 6px; border-bottom: 2px solid #e6e6e6; } /* ===== Paragraphs ===== */ .product-description.rte p { margin-bottom: 20px; line-height: 1.8; color: #4a4f57; font-size: 16px; } /* ===== Paragraph Images (only in description) ===== */ .product-description.rte img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } /* ===== Lists ===== */ .product-description.rte ul { padding-left: 20px; margin-bottom: 16px; list-style-type: disc; } .product-description.rte li { margin-bottom: 6px; } /* ===== Links ===== */ .product-description.rte a { color: #0288D1; text-decoration: none; transition: color 0.3s ease; } .product-description.rte a:hover { color: #01579B; } /* ===== M5Stack-style Spec Table ===== */ .product-description.rte .table-container { width: 100%; margin: 24px 0; overflow-x: auto; } .product-description.rte .table-container table { width: 100%; border-collapse: collapse; font-family: inherit; font-size: 14px; color: #2c2f36; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .product-description.rte .table-container thead th { background: #1f6fe5; color: #ffffff; padding: 14px 16px; text-align: center; font-weight: 600; border: none; vertical-align: middle; } .product-description.rte .table-container td { padding: 14px 16px; border-bottom: 1px solid #e6ebf2; vertical-align: middle; } .product-description.rte .table-container tbody td:first-child { width: 36%; text-align: center; font-weight: 500; color: #4a4f57; background-color: rgba(31, 111, 229, 0.02); } .product-description.rte .table-container tbody tr:nth-child(even) { background-color: #f7f9fc; } @media (hover: hover) { .product-description.rte .table-container tbody tr:hover { background-color: #eef3ff; } } /* ===== Learn & Documents Button ===== */ .product-description.rte #learn-and-documents-btn { display: inline-flex; align-items: center; padding: 6px 14px; background-color: #1f6fe5; color: #ffffff; font-weight: 600; border-radius: 6px; margin-top: 8px; text-decoration: none; transition: background 0.3s ease; } .product-description.rte #learn-and-documents-btn:hover { background-color: #1661c1; } /* ===== Responsive Design for Smaller Screens (with table adjustments) ===== */ @media screen and (max-width: 768px) { .product-description.rte .table-container table, .product-description.rte .table-container thead, .product-description.rte .table-container tbody, .product-description.rte .table-container th, .product-description.rte .table-container td, .product-description.rte .table-container tr { display: block; width: 100%; } .product-description.rte .table-container thead { display: none; } .product-description.rte .table-container tbody tr { padding: 12px 0; border-bottom: 1px solid #e6ebf2; } .product-description.rte .table-container tbody td { padding: 8px 16px; border: none; text-align: left; } .product-description.rte .table-container tbody td:first-child { width: 100%; background: none; color: #1f6fe5; font-weight: 600; padding-top: 16px; } .product-description.rte .table-container tbody td:last-child { padding-bottom: 16px; color: #2c2f36; line-height: 1.6; } /* Ensure button appears correctly on mobile */ .product-description.rte #learn-and-documents-btn { font-size: 14px; padding: 8px 16px; } } Description Unit ByteButton is an 8-channel tactile switch input unit equipped with 8 button inputs and 9 WS2812C RGB LEDs. It uses STM32 as the main controller, supports I2C communication, and comes with two Port A interfaces, allowing multiple Unit ByteButton modules to be cascaded to meet the needs of complex systems. It can achieve button input detection and dynamic light status feedback, making it suitable for smart home control, gaming and entertainment devices, educational development platforms, industrial status displays, and interactive exhibitions. Features 8-channel button input 9 WS2812C RGB LEDs STM32 main controller I2C communication interface Development platforms: UiFlow1 UiFlow2 Arduino IDE Includes 1 x Unit ByteButton 1 x HY2.0-4P Grove cable (20cm) 1 x Button indicator label Applications Smart home control panels Gaming or entertainment device controllers Educational and laboratory development platforms Status control and feedback devices Portable device debugging tools Interactive exhibitions or scene control User interfaces for small instruments Specifications Specification Parameters MCU STM32G031G8U6, 32-bit ARM Cortex-M0+ core, 64 MHz clock speed Button Count 8 independent button inputs Button Type Tactile buttons RGB LEDs WS2812C-2020 (9 pcs) Communication Interface I2C communication @0x47 Grove Interface 2 (I2C bus expansion) Standby Power Consumption DC [email protected] Operating Temperature 0 ~ 40°C Product Size 88.0 x 24.0 x 12.0mm Product Weight 15.1g Package Size 170.0 x 120.0 x 15.0mm Gross Weight 21.8g Learn and Documents → DOCUMENTS Show more