Description
/* ===== 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
Module HMI is a human-machine interaction module that provides a rotary encoder, two input buttons, and two LED indicators. It uses the STM32F030 as the acquisition and communication MCU, communicating with the M5 host via I2C. Additionally, the module features PORT.B and PORT.C interfaces and includes a built-in 500mAh lithium battery. This module is suitable for various applications requiring handheld interactive operations.
Features
- STM32F030F4P6, ARM Cortex-M0 @ 16 KB Flash and 4 KB SRAM
- Human-machine interaction (rotary encoder, two input buttons, and two LED indicators)
- PORT B and PORT C interfaces
- Programming platforms: Arduino, UIFlow
Includes
- 1× Module HMI
Applications
- Industrial control
- Embedded systems
- Smart home
Specifications
| Specification | Parameter |
|---|---|
| MCU | STM32F030F4P6 |
| Communication | I2C @0x41 |
| Interactive Peripherals | Rotary Encoder, two input buttons, and two indicator LEDs |
| Battery | 500mAh Li-polymer battery |
| Input Voltage | 5V |
| Operating Temperature | 0°C ~ 40°C |
| Product Size | 54.0 x 55.8 x 13.0mm |
| Product Weight | 22.8g |
| Package Size | 95.0 x 77.0 x 14.0mm |
| Gross Weight | 30.0g |
Learn and Documents
→ DOCUMENTS
Explore more from our collection.





Reviews
There are no reviews yet.