Select Input

Un componente de entrada seleccionado. Puede ser usado como parte de un tablero de ISLE o independiente. En este último caso, usted quiere manejar los cambios a través del atributo "onChange" o vincular el valor a una variable global a través del atributo "bind".

Opciones

bind | string: nombre de la variable global para el número que se asignará a. Default: ''.
clearable | boolean: valor booleano que indica si se puede despejar la elección o elecciones realizadas. Default: none.
defaultValue | (number|string|array|object): valor por defecto de la entrada al inicio. Default: none.
disabled | boolean: controla si la entrada está activa o no. Default: false.
inline | boolean: indica si la entrada se muestra en línea. Default: false.
legend | (string|node): El texto que se muestra junto a la entrada. Default: ''.
menuPlacement | string: colocación del menú en relación con el control (ya sea "auto", top o bottom). Default: 'auto'.
multi | boolean: controla si uno puede seleccionar varias respuestas. Default: false.
onChange | function: función de llamada de retorno que se invocará cuando se haga una elección. Default: onChange() {}.
options | array: de indicar las opciones disponibles para el usuario. Default: [].
placeholder | string: valor que se mostrará antes de hacer una elección inicial. Default: none.
tooltip | string: El texto que se muestra al pasar el cursor sobre la leyenda. Default: none.
style | object: Estilos en línea CSS. Default: {}.

Ejemplos

Editor en vivo

<SelectInput
    legend="Choose the test direction"
    defaultValue="two-sided"
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

<SelectInput
    legend="Choose the test direction"
    defaultValue="two-sided"
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

Resultado

ReferenceError: Provider is not defined

Opciones​

Ejemplos​

Opciones

Ejemplos