BaseSelect

Select shapes

dark preview

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

Default shape of all <BaseSelect> can be set in your .app/app.config.ts.

Straight select

Rounded select

Curved select

Full select

Show code

dark preview

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

Select a hero

Show code

dark preview

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

Select a hero

Show code

dark preview

Selects can be displayed in a smaller and more compact way using the size prop with the sm value.

Select a hero

Show code

dark preview

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

Select a hero

Show code

dark preview

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

Select a hero

Show code

dark preview

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

Select a hero

Please make a selection

Show code

This component has no props