Encoder Unit

M

m5stack-store.myshopify.com Verified independent store

→

/* ===== 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 Encoder is an I2C communication interface rotary encoder expansion unit. It integrates a 30-position pulse encoding knob (with button input) + 2x SK6812 programmable RGB LEDs. The built-in STM32F030 main control integrates encoder pulse signal acquisition firmware, allowing users to directly obtain the encoding value through I2C read operations, simplifying the process. It is suitable for scenarios such as scale value control/volume adjustment. Features 30-position pulse encoding knob (produces 30 pulses per full rotation) 2 x SK6812 programmable RGB LEDs 1 x Button input Includes 1 x Unit Encoder 1 x HY2.0-4P Grove connection cable (20cm) Applications Human-computer interaction Volume knob Specifications Specification Parameter MCU STM32F030F4P6 Communication Interface I2C @0x40 Pulse Encoder Knob 30-position pulse encoder knob (with button input) Programmable RGB LED 2x SK6812 Operating Current Encoder operation (DC 5V@17mA) Product Size 32.0 x 24.0 x 25.4mm Product Weight 7.4g Package Size 138.0 x 93.0 x 25.0mm Gross Weight 12.3g Learn and Documents → DOCUMENTS Show more