Ouds 1.0 – Formulaire // Select input

Select input

Default select example

When there’s a value already defined, <label>s will automatically adjust to their floated position.

Selected select example

Outlined select example

Rounded select example

Rounded outlined select example

Select example with leading icon

Outlined select example with leading icon

Select example with helper text

Helper text.

Select example with helper and link texts

Choose a number.

Select example with link text

Select example max width

Helper text.

Disabled select example

Disabled outlined select example

Select example with error

Choose a number.

A number is required.

Select example with validated error

Choose a number.

A number is required.

Outlined select example with error

Choose a number.

A number is required.

Select example with error and icon

Choose a number.

A number is required.

Grouped select example