Combine with options to create a menu for selection.
<Select> <option>First option</option> <option>Second option</option> <option>Third option</option> </Select><Select> <option>First option</option> <option>Second option</option> <option>Third option</option></Select>
<Select> <option>First option</option> <option>Second option</option> <option>Third option</option></Select>
Available in different sizes.
{ ['xs', 'sm', 'md'].map((size) => ( <Select size={size} sx={{ display: 'block', mb: [3] }}> <option>First option</option> <option>Second option</option> </Select> )) }{ ['xs', 'sm', 'md'].map((size) => ( <Select size={size} sx={{ display: 'block', mb: [3] }}> <option>First option</option> <option>Second option</option> </Select> ))}
{ ['xs', 'sm', 'md'].map((size) => ( <Select size={size} sx={{ display: 'block', mb: [3] }}> <option>First option</option> <option>Second option</option> </Select> ))}