Select

Select fields components are used for collecting user provided information from a list of options.

Basic

Select fields components are used for collecting user provided information from a list of options.

Density

You can use density prop to reduce the field height and lower max height of list items.

Variant

Use filled, outlined, solo, underlined and plain options of variant prop to change appearance of select.

Custom text and value

You can specify the specific properties within your items array that correspond to the title and value fields. In this example we also use the return-object prop which will return the entire object of the selected item on selection.

Icons

Use a custom prepend or appended icon.

Chips

Use chips prop to make selected option as chip.

Multiple

Select fields components are used for collecting user provided information from a list of options.

CONTENTS

  • Introduction

  • Basic

  • Density

  • Variant

  • Custom text and value

  • Icons

  • Chips

  • Menu Props

  • Multiple