native-select

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

35,038

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

30 KB

The option elements to populate the select with.

2 contributors

Install native-select as a package?

Copied

npm i @bit/mui-org.material-ui.native-select

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

The option elements to populate the select with. Can be some <option> elements.

The icon that displays the arrow.

An Input element; does not have to be a material-ui specific Input.

Attributes applied to the select element.

Callback function fired when a menu item is selected.

The input value. The DOM API casts this to a string.

The variant to use.

An alternative to <Select native /> with a much smaller bundle size footprint. Demos:

API:

An alternative to <Select native /> with a much smaller bundle size footprint.

Properties

Name	Type	Description
children	`node`	The option elements to populate the select with. Can be some `<option>` elements.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
IconComponent	`elementType`	The icon that displays the arrow.
input	`element`	An `Input` element; does not have to be a material-ui specific `Input`.
inputProps	`object`	Attributes applied to the `select` element.
onChange	`function`	The event source of the callback. You can pull out the new value by accessing `event.target.value` (string).
value	`any`	The input value. The DOM API casts this to a string.
variant	`'filled' \| 'outlined' \| 'standard'`	The variant to use.
children	`node`	The option elements to populate the select with. Can be some `<option>` elements.
classes (required)	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`	The CSS class name of the select element.
disabled	`bool`	If `true`, the select will be disabled.
IconComponent (required)	`elementType`	The icon that displays the arrow.
inputRef	`custom`
multiple	`bool`
name	`string`	Name attribute of the `select` or hidden `input` element.
onChange	`function`	The event source of the callback. You can pull out the new value by accessing `event.target.value` (string).
value	`any`	The input value.
variant	`'standard' \| 'outlined' \| 'filled'`	The variant to use.