Input

An easily repeated style for input elements.

<input type="text" class="uniformInput">

Focus

<input type="text" class="uniformInput" value="Rod Kimbal" focus>

Placeholder

<input type="text" class="uniformInput" placeholder="Name">

Textarea

<textarea class="uniformInput">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>

UniformSelect

import {Select} from 'uniform';
const select = new Select({
    name: 'account_type',
    class: 'uniformInput',
    options: [
        "Employee",
        "Manager",
        "General Manager"
    ]
})
document.append(select.el)
select.render()

Input Group

$ /mo

<div class="uniformInputGroup">
    <label for="amount">$</label>
    <input type="text" id="amount" placeholder="Amount">
    <label for="amount">/mo</label>
</div>