Pleasance Styleguide

Text input 

<div class="mt-2 ">
    <label for="text" class="form-label">Text input</label>
    <input type="text" class="mb-2 form-control" id="text" name="text" value="" size="60" maxlength="128" placeholder="Enter text here">
</div>
 
{%
  set classes = [
    wrapper ? 'mt-2' : '',
    floating ? 'floating' : ''
  ]
%}
{% if wrapper or floating %}
<div class="{{ classes|join(' ') }}">
{% endif %}
  {% if not (floating or no_label) %}
  <label for="{{ id }}" class="form-label">{{ title }}</label>
  {% endif %}
  <input type="text" class="mb-2 form-control"{% if no_label %} aria-label="{{ title }}"{% endif %} id="{{ id }}" name="{{ id }}" value="{{ value }}" size="60" maxlength="128" placeholder="{{ placeholder }}"{% if not enabled %} disabled{% endif %}>
  {% if floating %}
  <label for="{{ id }}" class="form-label">{{ title }}</label>
  {% endif %}
{% if wrapper or floating %}
</div>
{% endif %}
 
{
  "id": "text",
  "title": "Text input",
  "placeholder": "Enter text here",
  "enabled": true,
  "wrapper": true
}

No notes defined.