Inputs

Basic input field (covers types: email, number, password, tel, text, url). This makes use of the design pattern "Float labels". Mark fields as required when necessary. Add help blocks with inputs when necessary, especially when users may not fully understand the purpose of the input. Place constructive action buttons on the right, and deconstructive action buttons on the left of the form If necessary, place short, related inputs on the same line (e.g., City and State, Start and End, Min and Max). Ensure that unsaved changes are not easily lost

Input

Checkbox

Radio

Select

Switch