Input

Text

<input id="name" name="name" class="form-input mt-1" type="text" placeholder="Jhon Doe">

Textarea

    <textarea id="description" name="description" class="form-textarea mt-1" rows="3" placeholder="Enter some long form content."></textarea>

Password

<label for="password" class="form-label">Password</label>
<input id="password" name="password" class="form-input mt-1" type="password" >

Radio button

<label for="notifications" class="inline-flex items-center">
    <input type="radio" class="form-radio" name="notifications" value="sms">
    <span class="ml-2">SMS</span>
</label>

Select

<select name="country" id="country" class="form-select">
    <option value="">Select an option</option>
    <option value="CO">CO - Colombia</option>
    <option value="EC">EC - Ecuador</option>
    <option value="US">US - United States</option>
</select>

Select Multiple

<select name="country" id="country" class="form-multiselect">
    <option value="">Select an option</option>
    <option value="CO">CO - Colombia</option>
    <option value="EC">EC - Ecuador</option>
    <option value="US">US - United States</option>
</select>

Checkbox

<label class="inline-flex items-center">
    <input id="enable" name="enable" type="checkbox" class="form-checkbox">
    <span class="ml-2">SMS</span>
</label>