{"product_id":"chain-mechanical-key-button-stm32g031","title":"Chain Mechanical Key Button (STM32G031)","description":"\u003cp\u003e\u003cvideo id=\"video\" playsinline=\"\" muted=\"\" controls=\"controls\" class=\"video-container\" width=\"100%\" style=\"border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);\"\u003e\n  \u003csource type=\"video\/mp4\" src=\"https:\/\/m5stack-doc.oss-cn-shenzhen.aliyuncs.com\/1192\/U206-Chain-Key-video-EN.mp4\"\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* ===== Scoped Description Style ===== *\/\n.product-description.rte {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #2c2c2c;\n  line-height: 1.65;\n  font-size: 16px;\n}\n\n\/* ===== Headings ===== *\/\n.product-description.rte h2 {\n  font-size: 1.8em;\n  color: #0D47A1;\n  border-left: 4px solid #1f6fe5;\n  padding-left: 12px;\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n\n\/* ===== H3 Titles Optimization ===== *\/\n.product-description.rte h3 {\n  font-size: 1.4em;\n  color: #0D47A1;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 500;\n  padding-bottom: 6px;\n  border-bottom: 2px solid #e6e6e6;\n}\n\n\/* ===== Paragraphs ===== *\/\n.product-description.rte p {\n  margin-bottom: 20px;\n  line-height: 1.8;\n  color: #4a4f57;\n  font-size: 16px;\n}\n\n\/* ===== Paragraph Images (only in description) ===== *\/\n.product-description.rte img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 24px auto;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n\/* ===== Lists ===== *\/\n.product-description.rte ul {\n  padding-left: 20px;\n  margin-bottom: 16px;\n  list-style-type: disc;\n}\n.product-description.rte li {\n  margin-bottom: 6px;\n}\n\n\/* ===== Links ===== *\/\n.product-description.rte a {\n  color: #0288D1;\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.product-description.rte a:hover {\n  color: #01579B;\n}\n\n\/* ===== M5Stack-style Spec Table ===== *\/\n.product-description.rte .table-container {\n  width: 100%;\n  margin: 24px 0;\n  overflow-x: auto;\n}\n.product-description.rte .table-container table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: inherit;\n  font-size: 14px;\n  color: #2c2f36;\n  background-color: #ffffff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n}\n.product-description.rte .table-container thead th {\n  background: #1f6fe5;\n  color: #ffffff;\n  padding: 14px 16px;\n  text-align: center;\n  font-weight: 600;\n  border: none;\n  vertical-align: middle;\n}\n.product-description.rte .table-container td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #e6ebf2;\n  vertical-align: middle;\n}\n.product-description.rte .table-container tbody td:first-child {\n  width: 36%;\n  text-align: center;\n  font-weight: 500;\n  color: #4a4f57;\n  background-color: rgba(31, 111, 229, 0.02);\n}\n.product-description.rte .table-container tbody tr:nth-child(even) {\n  background-color: #f7f9fc;\n}\n@media (hover: hover) {\n  .product-description.rte .table-container tbody tr:hover {\n    background-color: #eef3ff;\n  }\n}\n\n\/* ===== Learn \u0026 Documents Button ===== *\/\n.product-description.rte #learn-and-documents-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background-color: #1f6fe5;\n  color: #ffffff;\n  font-weight: 600;\n  border-radius: 6px;\n  margin-top: 8px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n.product-description.rte #learn-and-documents-btn:hover {\n  background-color: #1661c1;\n}\n\n\/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== *\/\n@media screen and (max-width: 768px) {\n  .product-description.rte .table-container table,\n  .product-description.rte .table-container thead,\n  .product-description.rte .table-container tbody,\n  .product-description.rte .table-container th,\n  .product-description.rte .table-container td,\n  .product-description.rte .table-container tr {\n    display: block;\n    width: 100%;\n  }\n  .product-description.rte .table-container thead {\n    display: none;\n  }\n  .product-description.rte .table-container tbody tr {\n    padding: 12px 0;\n    border-bottom: 1px solid #e6ebf2;\n  }\n  .product-description.rte .table-container tbody td {\n    padding: 8px 16px;\n    border: none;\n    text-align: left;\n  }\n  .product-description.rte .table-container tbody td:first-child {\n    width: 100%;\n    background: none;\n    color: #1f6fe5;\n    font-weight: 600;\n    padding-top: 16px;\n  }\n  .product-description.rte .table-container tbody td:last-child {\n    padding-bottom: 16px;\n    color: #2c2f36;\n    line-height: 1.6;\n  }\n\n  \/* Ensure button appears correctly on mobile *\/\n  .product-description.rte #learn-and-documents-btn {\n    font-size: 14px;\n    padding: 8px 16px;\n  }\n}\n\u003c\/style\u003e\n\u003ch2 id=\"description\" data-id=\"Description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003eChain Key is a single-button input node in the M5Stack Chain series. The button adopts a hot-swappable mechanical keyboard design with a blue tactile switch and integrates a programmable RGB LED. It is suitable for human-machine interaction and smart home control scenarios.\u003c\/p\u003e\n\u003cp\u003eChain Key integrates an STM32G031G8U6 core MCU and uses a UART serial cascading communication protocol. Through two HY2.0-4P expansion interfaces, it can connect more Chain series devices, enabling more complex and interactive applications.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0056\/7689\/2250\/files\/22.webp?v=1768297426\u0026amp;width=700\"\u003e\u003c\/p\u003e\n\u003ch2 id=\"features\" data-id=\"Features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eM5Stack Chain series\u003c\/li\u003e\n\u003cli\u003eSingle button input\u003c\/li\u003e\n\u003cli\u003eSTM32G031G8U6 core MCU\u003c\/li\u003e\n\u003cli\u003eHot-swappable mechanical keyboard blue switch\u003c\/li\u003e\n\u003cli\u003e2x RGB LED\u003c\/li\u003e\n\u003cli\u003eUses UART cascading communication protocol\u003c\/li\u003e\n\u003cli\u003e2x HY2.0-4P expansion interfaces to extend Chain series devices\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"includes\" data-id=\"Includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Chain Key\u003c\/li\u003e\n\u003cli\u003e1 x Chain Bridge\u003c\/li\u003e\n\u003cli\u003e1 x Keycap Sticker\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" style=\"width: 70%; height: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0056\/7689\/2250\/files\/7_bd9e9e37-8312-4b47-b29a-b851705676c1.webp?v=1768297444\u0026amp;width=700\"\u003e\u003c\/p\u003e\n\u003ch2 id=\"applications\" data-id=\"Applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSmart home control\u003c\/li\u003e\n\u003cli\u003eHuman-machine interaction\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" style=\"width: 80%; height: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0056\/7689\/2250\/files\/6_97df46a1-3e24-4d18-9f98-e2a181248147.webp?v=1768297461\u0026amp;width=700\"\u003e\u003c\/p\u003e\n\u003ch2 id=\"specifications\" data-id=\"Specifications\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMCU\u003c\/td\u003e\n\u003ctd\u003eSTM32G031G8U6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInput Power\u003c\/td\u003e\n\u003ctd\u003eDC 5V\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication Interface\u003c\/td\u003e\n\u003ctd\u003eUART\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInterface Spec\u003c\/td\u003e\n\u003ctd\u003e2x HY2.0-4P\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRGB LED\u003c\/td\u003e\n\u003ctd\u003e2x WS2812B\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWorking Power Consumption\u003c\/td\u003e\n\u003ctd\u003e28.24mA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWorking Temperature\u003c\/td\u003e\n\u003ctd\u003e0 ~ 40°C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e23.9 x 23.9 x 34.4mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e9.1g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e138.0 x 93.0 x 26.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e14.4g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cimg alt=\"\" style=\"width: 80%; height: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0056\/7689\/2250\/files\/1920x2260_7fffe3bd-2ff3-4f01-b971-4a9d608517b4.webp?v=1768297478\u0026amp;width=700\"\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n → DOCUMENTS \n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":49566411653347,"sku":"emb1787247187898","price":4.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0734\/2961\/4819\/files\/chain-mechanical-key-button-stm32g031_1.webp?v=1787247193","url":"https:\/\/regalcladfashion.shop\/products\/chain-mechanical-key-button-stm32g031","provider":"My Store","version":"1.0","type":"link"}