Forms

Dropdown

This section pertains to the textarea field and [type] attributes of the <textarea></textarea> fields.

Note: Since text areas behave in the same way that inputs do, this section will only display a visual example as well as code usage for displaying the default states.

The dropdowns allow a compacted view of options. Beyond 3 options the dropdown list becomes scrollable vertically. It is advisable to avoid having too many options to avoid a very long scroll. Like input fields, these are also prescribed to be of a 32px height for smaller breakpoints and 40px for large to medium breakpoints. Other padding dimensions and variations are as below with all text left align horizontally and center aligned vertically.