MOVU Components

Checkbox: With Popover 

<div class="form-check">
    <label class="checkbox with-popover" for="checkbox"> Default label <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>

    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <movu-popover trigger='<i class="material-icons">error_outline</i>' content='This is a simple popover.' action="hover"></movu-popover>
            </div>
        </div>
    </div>

</div>
 
<div class="form-check">
  <label class="{{className}}" for="checkbox"> {{ checkboxText }} <input type="checkbox" id="checkbox-default" name="checkbox-default" class="checkbox-default"></label>
  {% if hasPopover %}
    {% render '@popover' %}
  {% endif %}
</div>
 
{
  "checkboxText": "Default label",
  "className": "checkbox with-popover",
  "hasPopover": true
}

No notes defined.