Components

Form Elements

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. Here’s a quick example to demonstrate form styles, so use these classes to opt into their customized displays.

Form controls

Textual form controls—like <input>s, <select>s, and <textarea>. Included are styles for general appearance, focus state, sizing, and more. Additional classes can be used to vary this layout on a per-form basis.

Default Style's
Usd
State Preview
Size Preview
Select with ChoiceJS

using .js-select class in <select> element to replace browser default style with ChoiceJS, as its give you a customizable select box with support for searching, tagging, and many other highly used options.

© 2024 DashWind. Template by Softnio