{"product_id":"5pcs-mini-dual-push-button-switch-unit-with-grove-port-cable-connector-compatible-with-fire-m5go-esp32-microp","title":"5pcs Mini Dual Push Button Switch Unit with GROVE Port Cable Connector Compatible with FIRE \/M5GO ESP32 Microp","description":"\u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"description\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size: 16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eDescription:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eDual Button\u003c\/span\u003e, as its namesake, has two buttons with different color. If the Button unit is not enough, how about double it up to a pair. They share the exact same mechanism, button status can be detected by the input pin status,simply capture the high\/low electrical level.\u003c\/p\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   This unit communicates with M5Core through GROVE B port.\u003c\/p\u003e  \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" height=\"50%\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/dual_button\/unit_dual_button_05.png\" style=\"cursor: zoom-in; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41);\" ui=\"\" width=\"50%\"\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cspan style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eOutput status:\u003c\/span\u003e\u003c\/p\u003e  \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/dual_button\/unit_dual_button_08.png\" style=\"cursor: zoom-in; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41);\" ui=\"\"\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"product-features\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size: 16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eProduct Features:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"padding-left: 1.5rem; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    GROVE interface, support \u003ca href=\"http:\/\/flow.m5stack.com\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003eUIFlow\u003c\/a\u003e and \u003ca href=\"http:\/\/www..cc\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003c\/a\u003e\n\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Two Le go-compatible holes\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Product Size: 48.2mm x 24.2mm x 15.2mm\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Product weight: 7.6g\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"include\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cstrong\u003e\u003cspan style=\"font-size: 16px;\"\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003ePackage Included:\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e  \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"padding-left: 1.5rem; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    5 x Dual BUTTON Unit\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    5 x Grove Cable\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"application\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size: 16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eApplication:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"padding-left: 1.5rem; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Game Controller\u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    Remote control switch\u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"related-link\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size: 16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eRelated Link:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"padding-left: 1.5rem; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e     \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/www.youtube.com\/channel\/UCozgFVglWYQXbvTmGyS739w\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003eOffical Video\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e   \u003c\/li\u003e   \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e    \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e     \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"http:\/\/forum.m5stack.com\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003eForum\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e   \u003c\/li\u003e  \u003c\/ul\u003e  \u003ch2 apple=\"\" color=\"\" helvetica=\"\" id=\"easyloader\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color:=\"\" font-weight:=\"\" line-height:=\"\" padding:=\"\"\u003e   \u003cspan style=\"font-size: 16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eEasyLoader\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e  \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/image\/EasyLoader_logo.png\" style=\"cursor: zoom-in; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41);\" ui=\"\" width=\"100px\" margin-top:=\"\"\u003e  \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41);\" ui=\"\"\u003e    \u003c\/p\u003e  \u003cblockquote a=\"\" and=\"\" apple=\"\" blockquote=\"\" case=\"\" color=\"\" e=\"\" each=\"\" fast=\"\" for=\"\" has=\"\" helvetica=\"\" is=\"\" p=\"\" page=\"\" product=\"\" product-related=\"\" program=\"\" segoe=\"\" simple=\"\" span=\"\" style=\"background: var(--blockquote-background); box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; overflow: visible; padding: 1.5em; border-width: var(--blockquote-border-width, 0); border-style: var(--blockquote-border-style); border-color: var(--blockquote-border-color); border-radius: var(--blockquote-border-radius); color: rgb(33, 37, 41);\" ui=\"\" quotes:=\"\"\u003e   1.EasyLoader is a simple and fast program burner, and each product page has a product-related case program for EasyLoader.\u003cbr\u003e   \u003cbr\u003e   2.After downloading the software, double-click to run the application, connect the M5 device to the computer via the data cable, select the port parameters, and click \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003e\"Burn\"\u003c\/span\u003e to start burning.   \u003cp\u003e     \u003c\/p\u003e   \u003cp apple=\"\" class=\"tip\" color=\"\" color:=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; position: relative; padding: var(--notice-padding); border-width: var(--notice-important-border-width, var(--notice-border-width, 0)); border-style: var(--notice-important-border-style, var(--notice-border-style)); border-color: var(--notice-important-border-color, var(--notice-border-color)); border-radius: var(--notice-border-radius); background: var(--notice-important-background, var(--notice-background));\" ui=\"\"\u003e         3.The CP210X (USB driver) needs to be installed before the EasyLoader is burned. \u003cstrong\u003e\u003ca href=\"https:\/\/docs.m5stack.com\/#\/en\/related_documents\/establish_serial_connection\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\"\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003eClick here to view the driver installation tutorial\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"example\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\"\u003e    \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eExample:\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"_1--ide\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin-top: 1rem;\" ui=\"\"\u003e    \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003e1. for  IDE\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\" ui=\"\"\u003e    \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eThe code below is incomplete(just for usage). TO get the complete code, please click\u003cstrong\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/DUAL_BUTTON\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003ehere\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/em\u003e\u003c\/p\u003e   \u003cpre data-lang=\"\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); line-height: var(--code-block-line-height); margin: var(--code-block-margin); overflow: hidden; color: var(--code-theme-text); background: var(--code-theme-background); tab-size: var(--code-tab-size); overflow-wrap: normal; word-break: normal; hyphens: none; position: relative; padding: 0px; border-radius: var(--code-block-border-radius);\" v-pre=\"\"\u003e  \u003ccode class=\"lang-\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-theme-text); word-break: normal; font-weight: var(--code-font-weight); line-height: var(--code-block-line-height); tab-size: var(--code-tab-size); word-spacing: normal; overflow-wrap: normal; hyphens: none; display: block; overflow: auto; padding: var(--code-block-padding);\"\u003e#include \u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026lt;\u003c\/span\u003eM5Stack.h\u003c\/span\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026gt;\u003c\/span\u003e\u003c\/span\u003e    \/\/ declaration  int cur_value_red = 0;  int cur_value_blue = 0;    \/\/ initialization  M5.begin();  pinMode(26, INPUT);\/\/ Red Button Pin setting  pinMode(36, INPUT);\/\/ Blue Button Pin setting    \/\/ read data  cur_value_red = digitalRead(26);  cur_value_blue = digitalRead(36);  M5.update();  \u003c\/code\u003e\u003c\/pre\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"_2-uiflow\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h3-margin, var(--heading-margin));\" ui=\"\"\u003e    \u003cbr\u003e    \u003cspan style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-skip-ink: auto; background-color: transparent; border-bottom: 0px;\"\u003e\u003cstrong\u003e2. UIFlow\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h3\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\" ui=\"\"\u003e    \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eTo get the complete code, please click \u003cstrong\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/DUAL_BUTTON\/UIFlow\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color: rgb(255, 0, 0);\"\u003ehere\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/em\u003e\u003c\/p\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/unit_example\/DUAL_BUTTON\/example_unit_dual_button_05.png\" style=\"cursor: zoom-in; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; transition: transform 0.3s ease 0s; max-width: 100%;\" ui=\"\"\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"schematic\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin));\" ui=\"\"\u003e    \u003cbr\u003e    \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eSchematic:\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e   \u003cbr\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/dual_button_sch.png\" style=\"cursor: zoom-in; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; transition: transform 0.3s ease 0s; max-width: 100%;\" ui=\"\"\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"pinmap\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h3-margin, var(--heading-margin));\" ui=\"\"\u003e    \u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003ePinMap:\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e   \u003ctable apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-collapse: collapse; display: block; overflow: auto; margin: 1rem 0px; border-spacing: 0px;\" ui=\"\"\u003e    \u003ctbody style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-color: var(--table-body-border-color); border-style: solid; border-width: var(--table-body-border-width, 0);\"\u003e     \u003ctr style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; background: var(--table-row-odd-background);\"\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       M5Core (GROVE B)\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       GPIO36\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       GPIO26\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       5V\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       GND\u003c\/td\u003e     \u003c\/tr\u003e     \u003ctr style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; background: var(--table-row-even-background);\"\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       DUAL_BUTTON Unit\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       Blue Button Pin\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       Red Button Pin\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       5V\u003c\/td\u003e      \u003ctd style=\"border-width: var(--table-cell-border-width, 0); border-style: solid; border-color: var(--table-cell-border-color); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding);\"\u003e       GND\u003cbr\u003e        \u003c\/td\u003e     \u003c\/tr\u003e    \u003c\/tbody\u003e   \u003c\/table\u003e  \u003c\/blockquote\u003e  \u003cbr\u003e  \u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/9B\/86\/486a3f11-2afe-457f-bcec-422abaaecb31.jpeg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/C4\/37\/443faf95-4562-40e6-a1b9-bd467282dd0f.jpeg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/CA\/19\/a4f591cb-8451-48ca-8a4d-31d474441d12.jpeg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/6D\/3D\/34efc15b-253e-4d66-8a27-ff31f03613a1.jpeg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/6B\/56\/477a0ccf-3e51-4a5d-96aa-73a27225dc8d.jpeg\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/imgaz.staticbg.com\/images\/oaupload\/ser1\/banggood\/images\/68\/26\/d5d63f9e-e79f-4c2c-951a-7351715c3c24.jpeg\"\u003e","brand":"Electronic Pro","offers":[{"title":"Default Title","offer_id":35468066226332,"sku":"1570059","price":777.54,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2787\/9162\/products\/486a3f11-2afe-457f-bcec-422abaaecb31.jpg?v=1597149268","url":"https:\/\/electronic-pro-south-africa.myshopify.com\/products\/5pcs-mini-dual-push-button-switch-unit-with-grove-port-cable-connector-compatible-with-fire-m5go-esp32-microp","provider":"Electronic Pro ","version":"1.0","type":"link"}