home ~ projects ~ socials

Neopolitan -- checklist Section

TODO

    ☐

    add general attributes

    ☐

    add title attribute

    ☐

    add subtitle attribute

This is a checklist test. The idea is that each time you visit/refresh the page it starts with everything uncheck so you can run through it.

Basic Example

Source

-- checklist

[] Take the winding path to reach the lake

Tear a thin sheet from the yellow pad

[] Turn on the lantern which gives us light

Example HTML

<ul>

<li>
  <label>
    <input type="checkbox">
    <div>
      <p>
        Take the winding path to reach the lake
      </p>
      <p>
        Tear a thin sheet from the yellow pad
      </p>
    </div>
  </label>
</li>

<li>
  <label>
    <input type="checkbox">
    <div>
      <p>
        Turn on the lantern which gives us light
      </p>
    </div>
  </label>
</li>

</ul>

Example Output

☐

Take the winding path to reach the lake

Tear a thin sheet from the yellow pad

☐

Turn on the lantern which gives us light

-- end of line --

References