Skip to main content

Select

The Select component lets you pick a single value or multiple values from a list of options.

Usage​

The following example will create a Select component with four options to choose from, each of them being a city.

import { Select } from '@mobiscroll/react';
import '@mobiscroll/react/dist/css/mobiscroll.min.css';

function App() {
  const myData = [
    { text: 'Atlanta', value: 1 },
    { text: 'Berlin', value: 2 },
    { text: 'Chicago', value: 3 },
    { text: 'London', value: 4 },
  ];

  return <Select data={myData} />
}

For many more examples - simple and complex use-cases - check out the select demos.