Skip to main content

MDX Guide

Adding CheckBox​

tip
<div className="add_checkbox">
  <input type="checkbox" id="add_checkbox" name="checkbox" value="My Text" />
  My Text
</div>

This will get converted to 👇↲:

My Text
caution

OR for better and cleaner code👇:

<div className="App">
  Select your pizza topping:
  <div className="topping">
    <input type="checkbox" id="topping" name="topping" value="Paneer" />
    Paneer
    <br />
    <input type="checkbox" id="topping" name="topping" value="Mushroom" />
    Mushroom
  </div>
</div>
Select your pizza topping:
Paneer
Mushroom

info

Must Refer: https://www.freecodecamp.org/news/how-to-work-with-multiple-checkboxes-in-react/

Add line highlighting​

```cpp {6,11-14,16-19}