如何在仪表板侧边栏的menuItem或固定框下创建一个checkBoxGroup项？

<!-- 仪表板侧边栏布局 -->
<div class="sidebar">
  <ul class="menu">
    <li class="menu-item">
      <a href="#">Dashboard</a>
    </li>
    <li class="menu-item">
      <a href="#">Reports</a>
    </li>
    <li class="menu-item">
      <a href="#">Settings</a>
    </li>
    <li class="menu-item">
      <a href="#">Notifications</a>
    </li>
    <li class="menu-item">
      <a href="#">Users</a>
    </li>
    <li class="menu-item">
      <a href="#">Analytics</a>
    </li>
    <li class="menu-item">
      <a href="#">Logs</a>
    </li>
    <li class="menu-item">
      <a href="#">Security</a>
    </li>
    <li class="menu-item">
      <a href="#">checkBoxGroup</a>
      <div class="checkbox-group">
        <input type="checkbox" id="option1" name="option1" value="option1">
        <label for="option1">Option 1</label>
        <br>
        <input type="checkbox" id="option2" name="option2" value="option2">
        <label for="option2">Option 2</label>
        <br>
        <input type="checkbox" id="option3" name="option3" value="option3">
        <label for="option3">Option 3</label>
      </div>
    </li>
  </ul>
</div>