Useful Components Logo

Component Library

Select Menu

A select menu allows the user to select information defined but the owner of the website

Basic select menu

Different variant

Select menu can have different variants : standard, filled, compact and outlined.

Without icon

If you want, you can hide the icon. However, it doesn't help user to see the difference between a select menu and an input.

The icon select menu

You can also put a custom icon in the select menu.

Customized select

You can also customized each lines of the select

Special variant - invisible

The invisible variant is used when you want to integrate the select menu in a text or a sentence.

I like to eat :

Tooltip

When uses with invisible or for other reason, it is possible to attach a tooltip to the select menu

I like to eat :

Other features

Such as input, you can also use required and disabled props.