## slim.

Katherine

###### Form Elements

Basic Form Input

A basic form control with disabled and readonly mode.

Valid State Input

A form control with success, warning and error state.

Custom Checkboxes & Radios

A custom styled checkboxes and radios.

Checkbox Unchecked
Checkbox Checked
Checkbox Disabled
Radio Unchecked
Radio Checked
Radio Disabled
Active State Color Variant

A custom styled checkboxes and radios with colored active state.

Checkbox Primary (default) Checkbox Success Checkbox Indigo
Radio Primary (default) Radio Success Radio Indigo
File Browser

A custom styled file browser.

Choose file
Choose file
Choose file
Toggle Switches

A lightweight jQuery plugin that creates easily-styleable toggle buttons.

Class Reference

Class | Values
--- | ---
`class="toggle toggle-light [value]"` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange
`class="toggle toggle-modern [value]"`

Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

@ex.com
$
.00
Input Mask

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

Input Tags

User interface for managing tags.

Time Picker

Easily select a time for a text input using your mouse or keyboards arrow keys.

Default Time Picker:
Set the scroll position to local time if no value selected:
Dynamically set the time using a Javascript Date object:
Color Picker

A simple component to select color in the same way you select color in Adobe Photoshop.

You can allow alpha transparency selection. Check out these example.

Show pallete only. If you'd like, spectrum can show the palettes you specify, and nothing else.