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>