LegnoCheckbox

Examples

Example 1 - Default

This is a checkbox

<legno-checkbox label="This is a checkbox" id="1" />

<div class="legno-checkbox">
  <input id="1" type="checkbox"> 
  <label for="1">This is a checkbox</label> 
</div>

Example 2 - Disabled

This is a checkbox

<legno-checkbox disabled="true" label="This is a checkbox" id="2" />

<div class="legno-checkbox">
  <input id="2" disabled="true" type="checkbox"> 
  <label for="2">This is a checkbox</label> 
</div>

Example 3 - Validaton error

This is a checkbox

Du må gjøre et valg!

<legno-checkbox 
  label="This is a checkbox" 
  id="3" 
  error-message="Du må gjøre et valg!" /> 

<div class="legno-checkbox">
  <input id="3" type="checkbox"> 
  <label for="3">This is a checkbox</label> 
  <div class="legno-checkbox__error-message">
      Du må gjøre et valg!
  </div>
</div>

Slots

...

Props

...