Flat list

One level of nesting

Two levels of nesting

With a pre-selected value

Disabled options & disabled select

Three levels deep - file system tree

Mixed depth - product catalogue

Side-by-side

Reference

Base

Attribute / option	Description
ui-dropselect	add to a <select> to enhance it
> separator in label	creates one level of nesting (e.g. "Fruits > Apple")
disabled on <option>	renders a disabled, non-selectable option
multiple on <select>	enables multi-select mode

Modifiers

Attribute / option	Description

Options

Attribute / option	Description