github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-06 09:51:18 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add disabled prop to the Select component (#1978)

Browse Source
This commit is contained in:
Clark Winkelmann 2020-02-14 15:56:04 +01:00 committed by GitHub
parent 4350baa1f1
commit ec59171ef1
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
framework/core/js/src/common/components/Select.js
View File

@ -8,14 +8,15 @@ import icon from '../helpers/icon';
* - `options` A map of option values to labels. * - `options` A map of option values to labels.
* - `onchange` A callback to run when the selected value is changed. * - `onchange` A callback to run when the selected value is changed.
* - `value` The value of the selected option. * - `value` The value of the selected option.
* - `disabled` Disabled state for the input.
*/ */
export default class Select extends Component { export default class Select extends Component {
view() { view() {
const {options, onchange, value} = this.props; const {options, onchange, value, disabled} = this.props;
return ( return (
<span className="Select"> <span className="Select">
<select className="Select-input FormControl" onchange={onchange ? m.withAttr('value', onchange.bind(this)) : undefined} value={value}> <select className="Select-input FormControl" onchange={onchange ? m.withAttr('value', onchange.bind(this)) : undefined} value={value} disabled={disabled}>
{Object.keys(options).map(key => <option value={key}>{options[key]}</option>)} {Object.keys(options).map(key => <option value={key}>{options[key]}</option>)}
</select> </select>
{icon('fas fa-sort', {className: 'Select-caret'})} {icon('fas fa-sort', {className: 'Select-caret'})}