## Prefer the [Select](#select) component which is this same component but a couple years newer.
```js
const options = [
    { label: 'python', value: 1 },
    { label: 'javascript', value: 2 },
    { label: 'c#', value: 3 },
    { label: 'cobol', value: 4 }
];

<div>
<h6>Normal select</h6>
<SelectInput
    placeholder="Placeholder text"
    options={options}
/>
<h6 className="mt-4">With single selected value</h6>
<SelectInput
    placeholder="Placeholder text"
    options={options}
    value={2}
/>
<h6 className="mt-4">With multiple selected values</h6>
<SelectInput
    placeholder="Placeholder text"
    options={options}
    value={[1,2]}
    multi
/>
</div>
```