# Usage

<div>
    <label class='form'>Text input</label>
    <input type='text' class='form'>
</div>

<div>
    <label class="form">Textarea input</label>
    <textarea class="form"></textarea>
</div>

<div>
    <label class="form">Select input</label>
    <select class="form">
        <option>Select</option>
        <option>First option</option>
        <option>Second option</option>
    </select>
</div>

<div>
    <label class="form">File input</label>
    <input type="file" class="form">
</div>

<div>
    <label class="form">Checkbox group</label>
</div>
<div>
    <input type="checkbox" class="form">
    <label class="form">First checkbox</label>
</div>
<div>
    <input type="checkbox" class="form" checked>
    <label class="form">Second checkbox</label>
</div>

<div>
    <label class="form">Radio group</label>
</div>
<div>
    <input type="radio" name="radio" class="form">
    <label class="form">First radio</label>
</div>
<div>
    <input type="radio" name="radio" class="form" checked>
    <label class="form">Second radio</label>
</div>

<a class="form" href="#">Link button</a>
<button class="form" type="submit">Button</button>
<input class="form" type="button" value="Input button">
<input class="form" type="submit" value="Input submit">

<button type="button" class="form">Primary</button>
<button type="button" class="form success">Success</button>
<button type="button" class="form info">Info</button>
<button type="button" class="form warning">Warning</button>
<button type="button" class="form danger">Danger</button>

<button class="form full" type="button">Button</button>