Select Input

Um componente de entrada selecionado. Pode ser usado como parte de um painel de instrumentos ISLE ou autônomo. Neste último caso, você quer lidar com as mudanças através do atributo "Mudar" ou ligar o valor a uma variável global através do atributo "ligar".

Opções

• bind | string: nome da variável global para o número a ser atribuído a. Default: ''.
• clearable | boolean: valor booleano indicando se a(s) escolha(ões) feita(s) pode(m) ser clara(s). Default: none.
• defaultValue | (number|string|array|object): valor padrão da entrada na inicialização. Default: none.
• disabled | boolean: controla se a entrada está ativa ou não. Default: false.
• inline | boolean: indica se a entrada é exibida em linha. Default: false.
• legend | (string|node): texto exibido ao lado da entrada. Default: ''.
• menuPlacement | string: colocação do menu em relação ao controle (ou auto, top, ou bottom). Default: 'auto'.
• multi | boolean: controla se é possível selecionar múltiplas respostas. Default: false.
• onChange | function: função de chamada de retorno a ser invocada quando uma escolha é feita. Default: onChange() {}.
• options | array: matriz de indicação das escolhas disponíveis para o usuário. Default: [].
• placeholder | string: valor a ser exibido antes que uma escolha inicial seja feita. Default: none.
• tooltip | string: texto exibido ao pairar sobre a legenda. Default: none.
• style | object: Estilos em linha CSS. Default: {}.

Exemplos

Editor ao 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