Select Input

Избор на входен компонент. Може да се използва като част от табло за управление ISLE или самостоятелно. В последния случай искате да обработвате промените чрез атрибута onChange или да обвържете стойността с глобална променлива чрез атрибута bind.

Опции

• bind | string: име на глобалната променлива, към която ще бъде присвоено числото. Default: ''.
• clearable | boolean: булева стойност, показваща дали може да се изтрие направеният(ите) избор(и). Default: none.
• defaultValue | (number|string|array|object): стойност по подразбиране на входа при стартиране. Default: none.
• disabled | boolean: контролира дали входът е активен или не. Default: false.
• inline | boolean: указва дали входът да се показва inline. Default: false.
• legend | (string|node): текст, показван до входа. Default: ''.
• menuPlacement | string: разположение на менюто спрямо контролния елемент (автоматично, отгоре или отдолу). Default: 'auto'.
• multi | boolean: контролира дали може да се изберат няколко отговора.. Default: false.
• onChange | function: функция за обратна връзка, която да се извика при направен избор. Default: onChange() {}.
• options | array: масив, указващ наличните възможности за избор на потребителя. Default: [].
• placeholder | string: стойност, която да се показва, преди да се направи първоначален избор. Default: none.
• tooltip | string: текст, показван при преминаване с мишката над легендата. Default: none.
• style | object: CSS инлайн стилове. Default: {}.

Примери

Редактор в реално време

<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'
    ]}
/>

Резултат

ReferenceError: Provider is not defined