The select component can have different shapes. Here is an example of a rounded select.

Selects can have different sizes. Use the size prop to change the size of the select component.

Selects can have different contrasts. Use the contrast prop to change the contrast of the select component.

Selects can have different contrasts. Use the contrast prop to change the contrast of the select component.

Selects can have different contrasts. Use the contrast prop to change the contrast of the select component.

Selects can have option groups using the optgroup element to wrap your options.

Selects can have a configurable icon on the left side using the icon prop. Make sure to pick meaningful icons for your use case.

Selects can be shown in an error state using the error prop. Use the same prop to display an error message.

Selects can have a material design style floating label using the labelFloat prop.

Selects can be shown in a loading state using the loading prop.

Selects can be shown in a disabled state using the disabled prop.