<table class="MuiTable-root" id="product-attributes" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; width: 757.325px; color: rgba(0, 0, 0, 0.87); font-family: Roboto, "Noto Sans", Arial, Helvetica, sans-serif, dk; font-size: 12px; background-color: rgb(255, 255, 255);">
<thead class="MuiTableHead-root jss357" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<tr class="MuiTableRow-root MuiTableRow-head" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<th class="MuiTableCell-root MuiTableCell-head jss356" scope="col" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(204, 204, 204); color: rgb(34, 34, 34); border-top: 1px solid rgb(204, 204, 204); text-transform: uppercase;">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
TYPE
</div></th>
<th class="MuiTableCell-root MuiTableCell-head jss356" scope="col" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(204, 204, 204); color: rgb(34, 34, 34); border-top: 1px solid rgb(204, 204, 204); text-transform: uppercase;">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
DESCRIPTION
</div></th>
</tr>
</thead>
<tbody class="MuiTableBody-root jss352" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Category
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Microcontrollers
<br>
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Mfr
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
STMicroelectronics
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Series
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
STM8S
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Product Status
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
Active
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Core Processor
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
STM8
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Core Size
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
8-Bit
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Speed
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
24MHz
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Connectivity
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
I²C, IrDA, LINbus, SPI, UART/USART
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Peripherals
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
Brown-out Detect/Reset, POR, PWM, WDT
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Number of I/O
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
38
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Program Memory Size
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
64KB (64K x 8)
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Program Memory Type
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
FLASH
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
EEPROM Size
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
128 x 8
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
RAM Size
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
6K x 8
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Voltage - Supply (Vcc/Vdd)
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
2.95V ~ 5.5V
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Data Converters
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
A/D 16x10b
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Oscillator Type
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
Internal
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Operating Temperature
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
-40°C ~ 85°C (TA)
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Mounting Type
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
Surface Mount
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle;">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Package / Case
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
<div class="jss345" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding-top: 0px;">
48-LQFP
</div>
</div></td>
</tr>
<tr class="MuiTableRow-root" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; color: inherit; outline: 0px; vertical-align: middle; background-color: rgb(245, 245, 245);">
<td class="MuiTableCell-root MuiTableCell-body jss354" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; font-weight: bold; line-height: 16px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(34, 34, 34);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
Base Product Number
</div></td>
<td class="MuiTableCell-root MuiTableCell-body jss353" style="--tw-shadow: 0 0 #0000; box-sizing: inherit; padding: 5px; line-height: 14px; border-bottom: 1px solid rgb(224, 224, 224); color: rgb(68, 68, 68);">
<div class="jss355" style="--tw-shadow: 0 0 #0000; box-sizing: inherit;">
STM8
</div></td>
</tr>
</tbody>
</table>