Disabled

Text input

Example

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

Textarea input

Example

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

Select input

Example

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

File input

Example

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

Checkbox group

Example

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

Radio group

Example

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

Button

Button types

Example

<button class="form" type="submit" disabled>Button</button>
<input class="form" type="button" value="Input button" disabled>
<input class="form" type="submit" value="Input submit" disabled>

Button variants

Example

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

Button full width

Example

<button class="form full" type="button" disabled>Button</button>
Last Updated: 3/21/2019, 12:06:38 AM