v4.20.0

stackblitzstackblitz
/

Editor

Checkbox

#

Which do you prefer?

  • Taiga UI

    • v3.x

    • v4.x

  • Material

  • Prime NG

  • NG-Zorro

  • Bootstrap

HTML:

Which do you prefer?

  • Taiga UI

    • v3.x

    • v4.x

  • Material

  • Prime NG

  • NG-Zorro

  • Bootstrap

Text:

<p>Which do you prefer?</p> <ul data-type="taskList"> <li data-checked="true" data-type="taskItem" > <label> <input checked="checked" type="checkbox" /> <span></span> </label> <div> <p>Taiga UI</p> <ul data-type="taskList"> <li data-checked="false" data-type="taskItem" > <label> <input type="checkbox" /> <span></span> </label> <div><p>v3.x</p></div> </li> <li data-checked="true" data-type="taskItem" > <label> <input checked="checked" type="checkbox" /> <span></span> </label> <div><p>v4.x</p></div> </li> </ul> </div> </li> <li data-checked="false" data-type="taskItem" > <label> <input type="checkbox" /> <span></span> </label> <div><p>Material</p></div> </li> <li data-checked="false" data-type="taskItem" > <label> <input type="checkbox" /> <span></span> </label> <div><p>Prime NG</p></div> </li> <li data-checked="false" data-type="taskItem" > <label> <input type="checkbox" /> <span></span> </label> <div><p>NG-Zorro</p></div> </li> <li data-checked="false" data-type="taskItem" > <label> <input type="checkbox" /> <span></span> </label> <div><p>Bootstrap</p></div> </li> </ul> <p></p>