OffHealth component library

Input element: Default 

<div class="n7-input flex items-center relative">

    <input id="" class="border-1 n7-border-gray-01 text-sm n7-input-placeholder py-2 px-3 border n7-border-gray-01 rounded-lg">

</div>
 
<div class="n7-input flex items-center relative">
    {% if iconPlaceholder %}
      {% render '@icon',{id: iconPlaceholder, classes: 'absolute left-3 n7-content-placeholder', size: 'w-6 h-6'}, true %}
    {% endif %}
      <input id="{{ id }}" class="border-1 n7-border-gray-01 text-sm n7-input-placeholder {{ padding }} {{ border }} {{ radius }}{% if classes %} {{ classes }}{% endif %}{% if iconPlaceholder %} pl-10 {% endif %}"{% if type %} type="{{ type }}"{% endif %}{% if placeholder %} placeholder="{{ placeholder }}"{% endif %}>
      {% if alertIcon %}
        {% render '@icon',{id: alertIcon}, true %}
      {% endif %}
  </div>
 
{
  "padding": "py-2 px-3",
  "border": "border n7-border-gray-01",
  "radius": "rounded-lg"
}

No notes defined.