MentorKit Pattern Library

Select Input 

<label class="block">
    <span class="text-grey-800 mb-2 block font-semibold"></span>
    <select class="block
                    w-full
                    rounded-md
                    border-grey-400
                    shadow-sm
                    focus:border-alpha focus:ring-3 focus:ring-alpha/20">

    </select>
</label>
 
<label class="block">
    <span class="text-grey-800 mb-2 block font-semibold">{{ label }}</span>
    <select class="block
                    w-full
                    rounded-md
                    border-grey-400
                    shadow-sm
                    focus:border-alpha focus:ring-3 focus:ring-alpha/20">
        {% for value in options %}
            <option>{{value}}</option>
        {% endfor %}
    </select>
</label>
 
{
  "siteName": "MentorKit Pattern Library"
}

No notes defined.