diff --git a/dist/default.css b/dist/default.css
index ca6d4fe16c..d687b66be1 100644
--- a/dist/default.css
+++ b/dist/default.css
@@ -25,21 +25,25 @@
 .Select-control:hover {
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
 }
+.is-searchable.is-open > .Select-control {
+  cursor: text;
+}
 .is-open > .Select-control {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   background: white;
   border-color: #b3b3b3 #cccccc #d9d9d9;
-  cursor: text;
 }
 .is-open > .Select-control > .Select-arrow {
   border-color: transparent transparent #999999;
   border-width: 0 5px 5px;
 }
+.is-searchable.is-focused:not(.is-open) > .Select-control {
+  cursor: text;
+}
 .is-focused:not(.is-open) > .Select-control {
   border-color: #0088cc #0099e6 #0099e6;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5);
-  cursor: text;
 }
 .Select-placeholder {
   color: #aaaaaa;
@@ -49,7 +53,7 @@
   left: 0;
   max-width: 100%;
   overflow: hidden;
-  text-overflow: ellipses;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .has-value > .Select-control > .Select-placeholder {
@@ -70,6 +74,9 @@
 .is-focused .Select-input > input {
   cursor: text;
 }
+.Select-control:not(.is-searchable) > .Select-input {
+  outline: none;
+}
 .Select-loading {
   -webkit-animation: spin 400ms infinite linear;
   -o-animation: spin 400ms infinite linear;
@@ -187,6 +194,10 @@
   border-top-right-radius: 2px;
   padding: 3px 5px;
 }
+.Select-item-label .Select-item-label__a {
+  color: #0088cc;
+  cursor: pointer;
+}
 .Select-item-icon {
   cursor: pointer;
   border-bottom-left-radius: 2px;
diff --git a/dist/react-select.js b/dist/react-select.js
index 7c5fbe9288..44e7c789e8 100644
--- a/dist/react-select.js
+++ b/dist/react-select.js
@@ -17,6 +17,7 @@ var Select = React.createClass({
   propTypes: {
     value: React.PropTypes.any, // initial field value
     multi: React.PropTypes.bool, // multi-value input
+    disabled: React.PropTypes.bool, // whether the Select is disabled or not
     options: React.PropTypes.array, // array of options
     delimiter: React.PropTypes.string, // delimiter to use to join multiple values
     asyncOptions: React.PropTypes.func, // function to call to get options
@@ -26,6 +27,7 @@ var Select = React.createClass({
     clearable: React.PropTypes.bool, // should it be possible to reset value
     clearValueText: React.PropTypes.string, // title for the "clear" control
     clearAllText: React.PropTypes.string, // title for the "clear" control when multi: true
+    searchable: React.PropTypes.bool, // whether to enable searching feature or not
     searchPromptText: React.PropTypes.string, // label to prompt for search input
     name: React.PropTypes.string, // field name, for hidden <input /> tag
     onChange: React.PropTypes.func, // onChange handler: function(newValue) {}
@@ -33,13 +35,23 @@ var Select = React.createClass({
     filterOption: React.PropTypes.func, // method to filter a single option: function(option, filterString)
     filterOptions: React.PropTypes.func, // method to filter the options array: function([options], filterString, [values])
     matchPos: React.PropTypes.string, // (any|start) match the start or entire string when filtering
-    matchProp: React.PropTypes.string // (any|label|value) which option property to filter on
+    matchProp: React.PropTypes.string, // (any|label|value) which option property to filter on
+
+    /*
+    
+    * Allow user to make option label clickable. When this handler is defined we should
+    * wrap label into <a>label</a> tag.
+    * 
+    * onOptionLabelClick handler: function (value, event) {}
+    * */
+    onOptionLabelClick: React.PropTypes.func
   },
 
   getDefaultProps: function () {
     return {
       value: undefined,
       options: [],
+      disabled: false,
       delimiter: ",",
       asyncOptions: undefined,
       autoload: true,
@@ -48,12 +60,15 @@ var Select = React.createClass({
       clearable: true,
       clearValueText: "Clear value",
       clearAllText: "Clear all",
+      searchable: true,
       searchPromptText: "Type to search",
       name: undefined,
       onChange: undefined,
       className: undefined,
       matchPos: "any",
-      matchProp: "any"
+      matchProp: "any",
+
+      onOptionLabelClick: undefined
     };
   },
 
@@ -106,7 +121,7 @@ var Select = React.createClass({
     if (this._focusAfterUpdate) {
       clearTimeout(this._blurTimeout);
       this._focusTimeout = setTimeout((function () {
-        this.refs.input.focus();
+        this.getInputNode().focus();
         this._focusAfterUpdate = false;
       }).bind(this), 50);
     }
@@ -205,6 +220,11 @@ var Select = React.createClass({
     this.setValue(this.state.value);
   },
 
+  getInputNode: function () {
+    var input = this.refs.input;
+    return this.props.searchable ? input : input.getDOMNode();
+  },
+
   fireChangeEvent: function (newState) {
     if (newState.value !== this.state.value && this.props.onChange) {
       this.props.onChange(newState.value, newState.values);
@@ -213,10 +233,11 @@ var Select = React.createClass({
 
   handleMouseDown: function (event) {
     // if the event was triggered by a mousedown and not the primary
-    // button, ignore it.
-    if (event.type == "mousedown" && event.button !== 0) {
+    // button, or if the component is disabled, ignore it.
+    if (this.props.disabled || event.type == "mousedown" && event.button !== 0) {
       return;
     }
+
     event.stopPropagation();
     event.preventDefault();
     if (this.state.isFocused) {
@@ -225,7 +246,7 @@ var Select = React.createClass({
       });
     } else {
       this._openAfterFocus = true;
-      this.refs.input.focus();
+      this.getInputNode().focus();
     }
   },
 
@@ -248,6 +269,8 @@ var Select = React.createClass({
   },
 
   handleKeyDown: function (event) {
+    if (this.state.disabled) return;
+
     switch (event.keyCode) {
 
       case 8:
@@ -356,6 +379,10 @@ var Select = React.createClass({
   },
 
   filterOptions: function (options, values) {
+    if (!this.props.searchable) {
+      return options;
+    }
+
     var filterValue = this._optionsFilterString;
     var exclude = (values || this.state.values).map(function (i) {
       return i.value;
@@ -473,12 +500,22 @@ var Select = React.createClass({
     );
   },
 
+  handleOptionLabelClick: function (value, event) {
+    var handler = this.props.onOptionLabelClick;
+
+    if (handler) {
+      handler(value, event);
+    }
+  },
+
   render: function () {
     var selectClass = classes("Select", this.props.className, {
       "is-multi": this.props.multi,
+      "is-searchable": this.props.searchable,
       "is-open": this.state.isOpen,
       "is-focused": this.state.isFocused,
       "is-loading": this.state.isLoading,
+      "is-disabled": this.props.disabled,
       "has-value": this.state.value
     });
 
@@ -488,13 +525,15 @@ var Select = React.createClass({
       this.state.values.forEach(function (val) {
         var props = _.extend({
           key: val.value,
+          optionLabelClick: !!this.props.onOptionLabelClick,
+          onOptionLabelClick: this.handleOptionLabelClick.bind(this, val),
           onRemove: this.removeValue.bind(this, val)
         }, val);
         value.push(React.createElement(Value, props));
       }, this);
     }
 
-    if (!this.state.inputValue && (!this.props.multi || !value.length)) {
+    if (this.props.disabled || !this.state.inputValue && (!this.props.multi || !value.length)) {
       value.push(React.createElement(
         "div",
         { className: "Select-placeholder", key: "placeholder" },
@@ -503,22 +542,41 @@ var Select = React.createClass({
     }
 
     var loading = this.state.isLoading ? React.createElement("span", { className: "Select-loading", "aria-hidden": "true" }) : null;
-    var clear = this.props.clearable && this.state.value ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
+    var clear = this.props.clearable && this.state.value && !this.props.disabled ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
     var menu = this.state.isOpen ? React.createElement(
       "div",
       { ref: "menu", onMouseDown: this.handleMouseDown, className: "Select-menu" },
       this.buildMenu()
     ) : null;
 
+    var commonProps = {
+      ref: "input",
+      className: "Select-input",
+      tabIndex: this.props.tabIndex || 0,
+      onFocus: this.handleInputFocus,
+      onBlur: this.handleInputBlur
+    };
+    var input;
+
+    if (this.props.searchable && !this.props.disabled) {
+      input = React.createElement(Input, React.__spread({ value: this.state.inputValue, onChange: this.handleInputChange, minWidth: "5" }, commonProps));
+    } else {
+      input = React.createElement(
+        "div",
+        commonProps,
+        " "
+      );
+    }
+
     return React.createElement(
       "div",
       { ref: "wrapper", className: selectClass },
-      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value }),
+      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value, disabled: this.props.disabled }),
       React.createElement(
         "div",
         { className: "Select-control", ref: "control", onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onTouchEnd: this.handleMouseDown },
         value,
-        React.createElement(Input, { className: "Select-input", tabIndex: this.props.tabIndex, ref: "input", value: this.state.inputValue, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, minWidth: "5" }),
+        input,
         React.createElement("span", { className: "Select-arrow" }),
         loading,
         clear
@@ -533,29 +591,41 @@ module.exports = Select;
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 },{"./Value":3,"classnames":2}],2:[function(require,module,exports){
-function classnames() {
-	var args = arguments, classes = [];
+function classNames() {
+	var args = arguments;
+	var classes = [];
+
 	for (var i = 0; i < args.length; i++) {
-		if (args[i] && 'string' === typeof args[i]) {
-			classes.push(args[i]);
-		} else if ('object' === typeof args[i]) {
-			classes = classes.concat(Object.keys(args[i]).filter(function(cls) {
-				return args[i][cls];
-			}));
+		var arg = args[i];
+		if (!arg) {
+			continue;
+		}
+
+		if ('string' === typeof arg || 'number' === typeof arg) {
+			classes.push(arg);
+		} else if ('object' === typeof arg) {
+			for (var key in arg) {
+				if (!arg.hasOwnProperty(key) || !arg[key]) {
+					continue;
+				}
+				classes.push(key);
+			}
 		}
 	}
-	return classes.join(' ') || undefined;
+	return classes.join(' ');
 }
 
-module.exports = classnames;
+// safely export classNames in case the script is included directly on a page
+if (typeof module !== 'undefined' && module.exports) {
+	module.exports = classNames;
+}
 
 },{}],3:[function(require,module,exports){
 (function (global){
 "use strict";
 
 var _ = (typeof window !== "undefined" ? window._ : typeof global !== "undefined" ? global._ : null),
-    React = (typeof window !== "undefined" ? window.React : typeof global !== "undefined" ? global.React : null),
-    classes = require("classnames");
+    React = (typeof window !== "undefined" ? window.React : typeof global !== "undefined" ? global.React : null);
 
 var Option = React.createClass({
 
@@ -570,18 +640,34 @@ var Option = React.createClass({
   },
 
   render: function () {
+    var label = this.props.label;
+
+    if (this.props.optionLabelClick) {
+      label = React.createElement(
+        "a",
+        { className: "Select-item-label__a",
+          onMouseDown: this.blockEvent,
+          onTouchEnd: this.props.onOptionLabelClick,
+          onClick: this.props.onOptionLabelClick },
+        label
+      );
+    }
+
     return React.createElement(
       "div",
       { className: "Select-item" },
       React.createElement(
         "span",
-        { className: "Select-item-icon", onMouseDown: this.blockEvent, onClick: this.props.onRemove, onTouchEnd: this.props.onRemove },
+        { className: "Select-item-icon",
+          onMouseDown: this.blockEvent,
+          onClick: this.props.onRemove,
+          onTouchEnd: this.props.onRemove },
         "×"
       ),
       React.createElement(
         "span",
         { className: "Select-item-label" },
-        this.props.label
+        label
       )
     );
   }
@@ -591,5 +677,5 @@ var Option = React.createClass({
 module.exports = Option;
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"classnames":2}]},{},[1])(1)
+},{}]},{},[1])(1)
 });
\ No newline at end of file
diff --git a/dist/react-select.min.js b/dist/react-select.min.js
index bc7f9be2b2..8aacebf452 100644
--- a/dist/react-select.min.js
+++ b/dist/react-select.min.js
@@ -1 +1 @@
-!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;"undefined"!=typeof window?e=window:"undefined"!=typeof global?e=global:"undefined"!=typeof self&&(e=self),e.Select=t()}}(function(){return function t(e,s,i){function n(a,l){if(!s[a]){if(!e[a]){var u="function"==typeof require&&require;if(!l&&u)return u(a,!0);if(o)return o(a,!0);var r=new Error("Cannot find module '"+a+"'");throw r.code="MODULE_NOT_FOUND",r}var p=s[a]={exports:{}};e[a][0].call(p.exports,function(t){var s=e[a][1][t];return n(s?s:t)},p,p.exports,t,e,s,i)}return s[a].exports}for(var o="function"==typeof require&&require,a=0;a<i.length;a++)n(i[a]);return n}({1:[function(t,e){(function(s){"use strict";var i="undefined"!=typeof window?window._:"undefined"!=typeof s?s._:null,n="undefined"!=typeof window?window.React:"undefined"!=typeof s?s.React:null,o="undefined"!=typeof window?window.AutosizeInput:"undefined"!=typeof s?s.AutosizeInput:null,a=t("classnames"),l=t("./Value"),u=0,r=n.createClass({displayName:"Select",propTypes:{value:n.PropTypes.any,multi:n.PropTypes.bool,options:n.PropTypes.array,delimiter:n.PropTypes.string,asyncOptions:n.PropTypes.func,autoload:n.PropTypes.bool,placeholder:n.PropTypes.string,noResultsText:n.PropTypes.string,clearable:n.PropTypes.bool,clearValueText:n.PropTypes.string,clearAllText:n.PropTypes.string,searchPromptText:n.PropTypes.string,name:n.PropTypes.string,onChange:n.PropTypes.func,className:n.PropTypes.string,filterOption:n.PropTypes.func,filterOptions:n.PropTypes.func,matchPos:n.PropTypes.string,matchProp:n.PropTypes.string},getDefaultProps:function(){return{value:void 0,options:[],delimiter:",",asyncOptions:void 0,autoload:!0,placeholder:"Select...",noResultsText:"No results found",clearable:!0,clearValueText:"Clear value",clearAllText:"Clear all",searchPromptText:"Type to search",name:void 0,onChange:void 0,className:void 0,matchPos:"any",matchProp:"any"}},getInitialState:function(){return{options:this.props.options,isFocused:!1,isOpen:!1,isLoading:!1}},componentWillMount:function(){this._optionsCache={},this._optionsFilterString="",this.setState(this.getStateFromValue(this.props.value)),this.props.asyncOptions&&this.props.autoload&&this.autoloadAsyncOptions()},componentWillUnmount:function(){clearTimeout(this._blurTimeout),clearTimeout(this._focusTimeout)},componentWillReceiveProps:function(t){t.value!==this.state.value&&this.setState(this.getStateFromValue(t.value,t.options)),JSON.stringify(t.options)!==JSON.stringify(this.props.options)&&this.setState({options:t.options,filteredOptions:this.filterOptions(t.options)})},componentDidUpdate:function(){if(this._focusAfterUpdate&&(clearTimeout(this._blurTimeout),this._focusTimeout=setTimeout(function(){this.refs.input.focus(),this._focusAfterUpdate=!1}.bind(this),50)),this._focusedOptionReveal){if(this.refs.focused&&this.refs.menu){var t=this.refs.focused.getDOMNode(),e=this.refs.menu.getDOMNode(),s=t.getBoundingClientRect(),i=e.getBoundingClientRect();(s.bottom>i.bottom||s.top<i.top)&&(e.scrollTop=t.offsetTop+t.clientHeight-e.offsetHeight)}this._focusedOptionReveal=!1}},getStateFromValue:function(t,e){e||(e=this.state.options),this._optionsFilterString="";var s=this.initValuesArray(t,e),i=this.filterOptions(e,s);return{value:s.map(function(t){return t.value}).join(this.props.delimiter),values:s,inputValue:"",filteredOptions:i,placeholder:!this.props.multi&&s.length?s[0].label:this.props.placeholder,focusedOption:!this.props.multi&&s.length?s[0]:i[0]}},initValuesArray:function(t,e){return Array.isArray(t)||(t="string"==typeof t?t.split(this.props.delimiter):t?[t]:[]),t.map(function(t){return"string"==typeof t?t=i.findWhere(e,{value:t})||{value:t,label:t}:t}.bind(this))},setValue:function(t){this._focusAfterUpdate=!0;var e=this.getStateFromValue(t);e.isOpen=!1,this.fireChangeEvent(e),this.setState(e)},selectValue:function(t){this.props.multi?t&&this.addValue(t):this.setValue(t)},addValue:function(t){this.setValue(this.state.values.concat(t))},popValue:function(){this.setValue(i.initial(this.state.values))},removeValue:function(t){this.setValue(i.without(this.state.values,t))},clearValue:function(t){t&&"mousedown"==t.type&&0!==t.button||this.setValue(null)},resetValue:function(){this.setValue(this.state.value)},fireChangeEvent:function(t){t.value!==this.state.value&&this.props.onChange&&this.props.onChange(t.value,t.values)},handleMouseDown:function(t){("mousedown"!=t.type||0===t.button)&&(t.stopPropagation(),t.preventDefault(),this.state.isFocused?this.setState({isOpen:!0}):(this._openAfterFocus=!0,this.refs.input.focus()))},handleInputFocus:function(){this.setState({isFocused:!0,isOpen:this.state.isOpen||this._openAfterFocus}),this._openAfterFocus=!1},handleInputBlur:function(){this._blurTimeout=setTimeout(function(){this._focusAfterUpdate||this.setState({isOpen:!1,isFocused:!1})}.bind(this),50)},handleKeyDown:function(t){switch(t.keyCode){case 8:return void(this.state.inputValue||this.popValue());case 9:if(t.shiftKey||!this.state.isOpen||!this.state.focusedOption)return;this.selectFocusedOption();break;case 13:this.selectFocusedOption();break;case 27:this.state.isOpen?this.resetValue():this.clearValue();break;case 38:this.focusPreviousOption();break;case 40:this.focusNextOption();break;default:return}t.preventDefault()},handleInputChange:function(t){if(this._optionsFilterString=t.target.value,this.props.asyncOptions)this.setState({isLoading:!0,inputValue:t.target.value}),this.loadAsyncOptions(t.target.value,{isLoading:!1,isOpen:!0});else{var e=this.filterOptions(this.state.options);this.setState({isOpen:!0,inputValue:t.target.value,filteredOptions:e,focusedOption:i.contains(e,this.state.focusedOption)?this.state.focusedOption:e[0]})}},autoloadAsyncOptions:function(){this.loadAsyncOptions("",{},function(){})},loadAsyncOptions:function(t,e){for(var s=0;s<=t.length;s++){var n=t.slice(0,s);if(this._optionsCache[n]&&(t===n||this._optionsCache[n].complete)){var o=this._optionsCache[n].options;return void this.setState(i.extend({options:o,filteredOptions:this.filterOptions(o)},e))}}var a=this._currentRequestId=u++;this.props.asyncOptions(t,function(s,n){this._optionsCache[t]=n,a===this._currentRequestId&&this.setState(i.extend({options:n.options,filteredOptions:this.filterOptions(n.options)},e))}.bind(this))},filterOptions:function(t,e){var s=this._optionsFilterString,n=(e||this.state.values).map(function(t){return t.value});if(this.props.filterOptions)return this.props.filterOptions.call(this,t,s,n);var o=function(t){return this.props.multi&&i.contains(n,t.value)?!1:this.props.filterOption?this.props.filterOption.call(this,t,s):s&&"start"!==this.props.matchPos?"label"!==this.props.matchProp&&t.value.toLowerCase().indexOf(s.toLowerCase())>=0||"value"!==this.props.matchProp&&t.label.toLowerCase().indexOf(s.toLowerCase())>=0:"label"!==this.props.matchProp&&t.value.toLowerCase().substr(0,s.length)===s||"value"!==this.props.matchProp&&t.label.toLowerCase().substr(0,s.length)===s};return i.filter(t,o,this)},selectFocusedOption:function(){return this.selectValue(this.state.focusedOption)},focusOption:function(t){this.setState({focusedOption:t})},focusNextOption:function(){this.focusAdjacentOption("next")},focusPreviousOption:function(){this.focusAdjacentOption("previous")},focusAdjacentOption:function(t){this._focusedOptionReveal=!0;var e=this.state.filteredOptions;if(!this.state.isOpen)return void this.setState({isOpen:!0,inputValue:"",focusedOption:this.state.focusedOption||e["next"===t?0:e.length-1]});if(e.length){for(var s=-1,i=0;i<e.length;i++)if(this.state.focusedOption===e[i]){s=i;break}var n=e[0];"next"===t&&s>-1&&s<e.length-1?n=e[s+1]:"previous"===t&&(n=s>0?e[s-1]:e[e.length-1]),this.setState({focusedOption:n})}},unfocusOption:function(t){this.state.focusedOption===t&&this.setState({focusedOption:null})},buildMenu:function(){var t=this.state.focusedOption?this.state.focusedOption.value:null,e=i.map(this.state.filteredOptions,function(e){var s=t===e.value,i=a({"Select-option":!0,"is-focused":s}),o=s?"focused":null,l=this.focusOption.bind(this,e),u=this.unfocusOption.bind(this,e),r=this.selectValue.bind(this,e);return n.createElement("div",{ref:o,key:"option-"+e.value,className:i,onMouseEnter:l,onMouseLeave:u,onMouseDown:r,onClick:r},e.label)},this);return e.length?e:n.createElement("div",{className:"Select-noresults"},this.props.asyncOptions&&!this.state.inputValue?this.props.searchPromptText:this.props.noResultsText)},render:function(){var t=a("Select",this.props.className,{"is-multi":this.props.multi,"is-open":this.state.isOpen,"is-focused":this.state.isFocused,"is-loading":this.state.isLoading,"has-value":this.state.value}),e=[];this.props.multi&&this.state.values.forEach(function(t){var s=i.extend({key:t.value,onRemove:this.removeValue.bind(this,t)},t);e.push(n.createElement(l,s))},this),this.state.inputValue||this.props.multi&&e.length||e.push(n.createElement("div",{className:"Select-placeholder",key:"placeholder"},this.state.placeholder));var s=this.state.isLoading?n.createElement("span",{className:"Select-loading","aria-hidden":"true"}):null,u=this.props.clearable&&this.state.value?n.createElement("span",{className:"Select-clear",title:this.props.multi?this.props.clearAllText:this.props.clearValueText,"aria-label":this.props.multi?this.props.clearAllText:this.props.clearValueText,onMouseDown:this.clearValue,onClick:this.clearValue,dangerouslySetInnerHTML:{__html:"&times;"}}):null,r=this.state.isOpen?n.createElement("div",{ref:"menu",onMouseDown:this.handleMouseDown,className:"Select-menu"},this.buildMenu()):null;return n.createElement("div",{ref:"wrapper",className:t},n.createElement("input",{type:"hidden",ref:"value",name:this.props.name,value:this.state.value}),n.createElement("div",{className:"Select-control",ref:"control",onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,onTouchEnd:this.handleMouseDown},e,n.createElement(o,{className:"Select-input",tabIndex:this.props.tabIndex,ref:"input",value:this.state.inputValue,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onChange:this.handleInputChange,minWidth:"5"}),n.createElement("span",{className:"Select-arrow"}),s,u),r)}});e.exports=r}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Value":3,classnames:2}],2:[function(t,e){function s(){for(var t=arguments,e=[],s=0;s<t.length;s++)t[s]&&"string"==typeof t[s]?e.push(t[s]):"object"==typeof t[s]&&(e=e.concat(Object.keys(t[s]).filter(function(e){return t[s][e]})));return e.join(" ")||void 0}e.exports=s},{}],3:[function(t,e){(function(s){"use strict";var i=("undefined"!=typeof window?window._:"undefined"!=typeof s?s._:null,"undefined"!=typeof window?window.React:"undefined"!=typeof s?s.React:null),n=(t("classnames"),i.createClass({displayName:"Value",propTypes:{label:i.PropTypes.string.isRequired},blockEvent:function(t){t.stopPropagation()},render:function(){return i.createElement("div",{className:"Select-item"},i.createElement("span",{className:"Select-item-icon",onMouseDown:this.blockEvent,onClick:this.props.onRemove,onTouchEnd:this.props.onRemove},"×"),i.createElement("span",{className:"Select-item-label"},this.props.label))}}));e.exports=n}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{classnames:2}]},{},[1])(1)});
\ No newline at end of file
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;"undefined"!=typeof window?t=window:"undefined"!=typeof global?t=global:"undefined"!=typeof self&&(t=self),t.Select=e()}}(function(){return function e(t,s,i){function o(a,l){if(!s[a]){if(!t[a]){var r="function"==typeof require&&require;if(!l&&r)return r(a,!0);if(n)return n(a,!0);var p=new Error("Cannot find module '"+a+"'");throw p.code="MODULE_NOT_FOUND",p}var u=s[a]={exports:{}};t[a][0].call(u.exports,function(e){var s=t[a][1][e];return o(s?s:e)},u,u.exports,e,t,s,i)}return s[a].exports}for(var n="function"==typeof require&&require,a=0;a<i.length;a++)o(i[a]);return o}({1:[function(e,t){(function(s){"use strict";var i="undefined"!=typeof window?window._:"undefined"!=typeof s?s._:null,o="undefined"!=typeof window?window.React:"undefined"!=typeof s?s.React:null,n="undefined"!=typeof window?window.AutosizeInput:"undefined"!=typeof s?s.AutosizeInput:null,a=e("classnames"),l=e("./Value"),r=0,p=o.createClass({displayName:"Select",propTypes:{value:o.PropTypes.any,multi:o.PropTypes.bool,disabled:o.PropTypes.bool,options:o.PropTypes.array,delimiter:o.PropTypes.string,asyncOptions:o.PropTypes.func,autoload:o.PropTypes.bool,placeholder:o.PropTypes.string,noResultsText:o.PropTypes.string,clearable:o.PropTypes.bool,clearValueText:o.PropTypes.string,clearAllText:o.PropTypes.string,searchable:o.PropTypes.bool,searchPromptText:o.PropTypes.string,name:o.PropTypes.string,onChange:o.PropTypes.func,className:o.PropTypes.string,filterOption:o.PropTypes.func,filterOptions:o.PropTypes.func,matchPos:o.PropTypes.string,matchProp:o.PropTypes.string,onOptionLabelClick:o.PropTypes.func},getDefaultProps:function(){return{value:void 0,options:[],disabled:!1,delimiter:",",asyncOptions:void 0,autoload:!0,placeholder:"Select...",noResultsText:"No results found",clearable:!0,clearValueText:"Clear value",clearAllText:"Clear all",searchable:!0,searchPromptText:"Type to search",name:void 0,onChange:void 0,className:void 0,matchPos:"any",matchProp:"any",onOptionLabelClick:void 0}},getInitialState:function(){return{options:this.props.options,isFocused:!1,isOpen:!1,isLoading:!1}},componentWillMount:function(){this._optionsCache={},this._optionsFilterString="",this.setState(this.getStateFromValue(this.props.value)),this.props.asyncOptions&&this.props.autoload&&this.autoloadAsyncOptions()},componentWillUnmount:function(){clearTimeout(this._blurTimeout),clearTimeout(this._focusTimeout)},componentWillReceiveProps:function(e){e.value!==this.state.value&&this.setState(this.getStateFromValue(e.value,e.options)),JSON.stringify(e.options)!==JSON.stringify(this.props.options)&&this.setState({options:e.options,filteredOptions:this.filterOptions(e.options)})},componentDidUpdate:function(){if(this._focusAfterUpdate&&(clearTimeout(this._blurTimeout),this._focusTimeout=setTimeout(function(){this.getInputNode().focus(),this._focusAfterUpdate=!1}.bind(this),50)),this._focusedOptionReveal){if(this.refs.focused&&this.refs.menu){var e=this.refs.focused.getDOMNode(),t=this.refs.menu.getDOMNode(),s=e.getBoundingClientRect(),i=t.getBoundingClientRect();(s.bottom>i.bottom||s.top<i.top)&&(t.scrollTop=e.offsetTop+e.clientHeight-t.offsetHeight)}this._focusedOptionReveal=!1}},getStateFromValue:function(e,t){t||(t=this.state.options),this._optionsFilterString="";var s=this.initValuesArray(e,t),i=this.filterOptions(t,s);return{value:s.map(function(e){return e.value}).join(this.props.delimiter),values:s,inputValue:"",filteredOptions:i,placeholder:!this.props.multi&&s.length?s[0].label:this.props.placeholder,focusedOption:!this.props.multi&&s.length?s[0]:i[0]}},initValuesArray:function(e,t){return Array.isArray(e)||(e="string"==typeof e?e.split(this.props.delimiter):e?[e]:[]),e.map(function(e){return"string"==typeof e?e=i.findWhere(t,{value:e})||{value:e,label:e}:e}.bind(this))},setValue:function(e){this._focusAfterUpdate=!0;var t=this.getStateFromValue(e);t.isOpen=!1,this.fireChangeEvent(t),this.setState(t)},selectValue:function(e){this.props.multi?e&&this.addValue(e):this.setValue(e)},addValue:function(e){this.setValue(this.state.values.concat(e))},popValue:function(){this.setValue(i.initial(this.state.values))},removeValue:function(e){this.setValue(i.without(this.state.values,e))},clearValue:function(e){e&&"mousedown"==e.type&&0!==e.button||this.setValue(null)},resetValue:function(){this.setValue(this.state.value)},getInputNode:function(){var e=this.refs.input;return this.props.searchable?e:e.getDOMNode()},fireChangeEvent:function(e){e.value!==this.state.value&&this.props.onChange&&this.props.onChange(e.value,e.values)},handleMouseDown:function(e){this.props.disabled||"mousedown"==e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.state.isFocused?this.setState({isOpen:!0}):(this._openAfterFocus=!0,this.getInputNode().focus()))},handleInputFocus:function(){this.setState({isFocused:!0,isOpen:this.state.isOpen||this._openAfterFocus}),this._openAfterFocus=!1},handleInputBlur:function(){this._blurTimeout=setTimeout(function(){this._focusAfterUpdate||this.setState({isOpen:!1,isFocused:!1})}.bind(this),50)},handleKeyDown:function(e){if(!this.state.disabled){switch(e.keyCode){case 8:return void(this.state.inputValue||this.popValue());case 9:if(e.shiftKey||!this.state.isOpen||!this.state.focusedOption)return;this.selectFocusedOption();break;case 13:this.selectFocusedOption();break;case 27:this.state.isOpen?this.resetValue():this.clearValue();break;case 38:this.focusPreviousOption();break;case 40:this.focusNextOption();break;default:return}e.preventDefault()}},handleInputChange:function(e){if(this._optionsFilterString=e.target.value,this.props.asyncOptions)this.setState({isLoading:!0,inputValue:e.target.value}),this.loadAsyncOptions(e.target.value,{isLoading:!1,isOpen:!0});else{var t=this.filterOptions(this.state.options);this.setState({isOpen:!0,inputValue:e.target.value,filteredOptions:t,focusedOption:i.contains(t,this.state.focusedOption)?this.state.focusedOption:t[0]})}},autoloadAsyncOptions:function(){this.loadAsyncOptions("",{},function(){})},loadAsyncOptions:function(e,t){for(var s=0;s<=e.length;s++){var o=e.slice(0,s);if(this._optionsCache[o]&&(e===o||this._optionsCache[o].complete)){var n=this._optionsCache[o].options;return void this.setState(i.extend({options:n,filteredOptions:this.filterOptions(n)},t))}}var a=this._currentRequestId=r++;this.props.asyncOptions(e,function(s,o){this._optionsCache[e]=o,a===this._currentRequestId&&this.setState(i.extend({options:o.options,filteredOptions:this.filterOptions(o.options)},t))}.bind(this))},filterOptions:function(e,t){if(!this.props.searchable)return e;var s=this._optionsFilterString,o=(t||this.state.values).map(function(e){return e.value});if(this.props.filterOptions)return this.props.filterOptions.call(this,e,s,o);var n=function(e){return this.props.multi&&i.contains(o,e.value)?!1:this.props.filterOption?this.props.filterOption.call(this,e,s):s&&"start"!==this.props.matchPos?"label"!==this.props.matchProp&&e.value.toLowerCase().indexOf(s.toLowerCase())>=0||"value"!==this.props.matchProp&&e.label.toLowerCase().indexOf(s.toLowerCase())>=0:"label"!==this.props.matchProp&&e.value.toLowerCase().substr(0,s.length)===s||"value"!==this.props.matchProp&&e.label.toLowerCase().substr(0,s.length)===s};return i.filter(e,n,this)},selectFocusedOption:function(){return this.selectValue(this.state.focusedOption)},focusOption:function(e){this.setState({focusedOption:e})},focusNextOption:function(){this.focusAdjacentOption("next")},focusPreviousOption:function(){this.focusAdjacentOption("previous")},focusAdjacentOption:function(e){this._focusedOptionReveal=!0;var t=this.state.filteredOptions;if(!this.state.isOpen)return void this.setState({isOpen:!0,inputValue:"",focusedOption:this.state.focusedOption||t["next"===e?0:t.length-1]});if(t.length){for(var s=-1,i=0;i<t.length;i++)if(this.state.focusedOption===t[i]){s=i;break}var o=t[0];"next"===e&&s>-1&&s<t.length-1?o=t[s+1]:"previous"===e&&(o=s>0?t[s-1]:t[t.length-1]),this.setState({focusedOption:o})}},unfocusOption:function(e){this.state.focusedOption===e&&this.setState({focusedOption:null})},buildMenu:function(){var e=this.state.focusedOption?this.state.focusedOption.value:null,t=i.map(this.state.filteredOptions,function(t){var s=e===t.value,i=a({"Select-option":!0,"is-focused":s}),n=s?"focused":null,l=this.focusOption.bind(this,t),r=this.unfocusOption.bind(this,t),p=this.selectValue.bind(this,t);return o.createElement("div",{ref:n,key:"option-"+t.value,className:i,onMouseEnter:l,onMouseLeave:r,onMouseDown:p,onClick:p},t.label)},this);return t.length?t:o.createElement("div",{className:"Select-noresults"},this.props.asyncOptions&&!this.state.inputValue?this.props.searchPromptText:this.props.noResultsText)},handleOptionLabelClick:function(e,t){var s=this.props.onOptionLabelClick;s&&s(e,t)},render:function(){var e=a("Select",this.props.className,{"is-multi":this.props.multi,"is-searchable":this.props.searchable,"is-open":this.state.isOpen,"is-focused":this.state.isFocused,"is-loading":this.state.isLoading,"is-disabled":this.props.disabled,"has-value":this.state.value}),t=[];this.props.multi&&this.state.values.forEach(function(e){var s=i.extend({key:e.value,optionLabelClick:!!this.props.onOptionLabelClick,onOptionLabelClick:this.handleOptionLabelClick.bind(this,e),onRemove:this.removeValue.bind(this,e)},e);t.push(o.createElement(l,s))},this),!this.props.disabled&&(this.state.inputValue||this.props.multi&&t.length)||t.push(o.createElement("div",{className:"Select-placeholder",key:"placeholder"},this.state.placeholder));var s,r=this.state.isLoading?o.createElement("span",{className:"Select-loading","aria-hidden":"true"}):null,p=this.props.clearable&&this.state.value&&!this.props.disabled?o.createElement("span",{className:"Select-clear",title:this.props.multi?this.props.clearAllText:this.props.clearValueText,"aria-label":this.props.multi?this.props.clearAllText:this.props.clearValueText,onMouseDown:this.clearValue,onClick:this.clearValue,dangerouslySetInnerHTML:{__html:"&times;"}}):null,u=this.state.isOpen?o.createElement("div",{ref:"menu",onMouseDown:this.handleMouseDown,className:"Select-menu"},this.buildMenu()):null,c={ref:"input",className:"Select-input",tabIndex:this.props.tabIndex||0,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur};return s=this.props.searchable&&!this.props.disabled?o.createElement(n,o.__spread({value:this.state.inputValue,onChange:this.handleInputChange,minWidth:"5"},c)):o.createElement("div",c," "),o.createElement("div",{ref:"wrapper",className:e},o.createElement("input",{type:"hidden",ref:"value",name:this.props.name,value:this.state.value,disabled:this.props.disabled}),o.createElement("div",{className:"Select-control",ref:"control",onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,onTouchEnd:this.handleMouseDown},t,s,o.createElement("span",{className:"Select-arrow"}),r,p),u)}});t.exports=p}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Value":3,classnames:2}],2:[function(e,t){function s(){for(var e=arguments,t=[],s=0;s<e.length;s++){var i=e[s];if(i)if("string"==typeof i||"number"==typeof i)t.push(i);else if("object"==typeof i)for(var o in i)i.hasOwnProperty(o)&&i[o]&&t.push(o)}return t.join(" ")}"undefined"!=typeof t&&t.exports&&(t.exports=s)},{}],3:[function(e,t){(function(e){"use strict";var s=("undefined"!=typeof window?window._:"undefined"!=typeof e?e._:null,"undefined"!=typeof window?window.React:"undefined"!=typeof e?e.React:null),i=s.createClass({displayName:"Value",propTypes:{label:s.PropTypes.string.isRequired},blockEvent:function(e){e.stopPropagation()},render:function(){var e=this.props.label;return this.props.optionLabelClick&&(e=s.createElement("a",{className:"Select-item-label__a",onMouseDown:this.blockEvent,onTouchEnd:this.props.onOptionLabelClick,onClick:this.props.onOptionLabelClick},e)),s.createElement("div",{className:"Select-item"},s.createElement("span",{className:"Select-item-icon",onMouseDown:this.blockEvent,onClick:this.props.onRemove,onTouchEnd:this.props.onRemove},"×"),s.createElement("span",{className:"Select-item-label"},e))}});t.exports=i}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[1])(1)});
\ No newline at end of file
diff --git a/examples/dist/app.js b/examples/dist/app.js
index edfeee581d..99ad5e0f93 100644
--- a/examples/dist/app.js
+++ b/examples/dist/app.js
@@ -27,6 +27,12 @@ var CountrySelect = React.createClass({
 
 var StatesField = React.createClass({
   displayName: "StatesField",
+  getDefaultProps: function () {
+    return {
+      searchable: true,
+      label: "States:" };
+  },
+
   getInitialState: function () {
     return {
       country: "AU",
@@ -54,9 +60,9 @@ var StatesField = React.createClass({
       React.createElement(
         "label",
         null,
-        "States:"
+        this.props.label
       ),
-      React.createElement(Select, { options: ops, value: this.state.selectValue, onChange: this.updateValue }),
+      React.createElement(Select, { options: ops, value: this.state.selectValue, onChange: this.updateValue, searchable: this.props.searchable }),
       React.createElement(
         "div",
         { className: "switcher" },
@@ -138,11 +144,42 @@ var MultiSelectField = React.createClass({
   }
 });
 
+var SelectedValuesField = React.createClass({
+  displayName: "SelectedValuesField",
+
+
+  onLabelClick: function (data, event) {
+    console.log(data);
+  },
+
+  render: function () {
+    var ops = [{ label: "Chocolate", value: "chocolate" }, { label: "Vanilla", value: "vanilla" }, { label: "Strawberry", value: "strawberry" }, { label: "Caramel", value: "caramel" }, { label: "Cookies and Cream", value: "cookiescream" }, { label: "Peppermint", value: "peppermint" }];
+    return React.createElement(
+      "div",
+      null,
+      React.createElement(
+        "label",
+        null,
+        this.props.label
+      ),
+      React.createElement(Select, {
+        onOptionLabelClick: this.onLabelClick,
+        value: "chocolate,vanilla,strawberry",
+        multi: true,
+        placeholder: "Select your favourite(s)",
+        options: ops,
+        onChange: logChange })
+    );
+  }
+});
+
 
 React.render(React.createElement(
   "div",
   null,
+  React.createElement(SelectedValuesField, { label: "Clickable labels (labels as links):" }),
   React.createElement(StatesField, null),
+  React.createElement(StatesField, { label: "States (non-searchable):", searchable: false }),
   React.createElement(MultiSelectField, { label: "Multiselect:" }),
   React.createElement(RemoteSelectField, { label: "Remote Options:" })
 ), document.getElementById("example"));
diff --git a/examples/dist/bundle.js b/examples/dist/bundle.js
index 5286774aef..1d31809e82 100644
--- a/examples/dist/bundle.js
+++ b/examples/dist/bundle.js
@@ -1,26 +1,38 @@
 require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-function classnames() {
-	var args = arguments, classes = [];
+function classNames() {
+	var args = arguments;
+	var classes = [];
+
 	for (var i = 0; i < args.length; i++) {
-		if (args[i] && 'string' === typeof args[i]) {
-			classes.push(args[i]);
-		} else if ('object' === typeof args[i]) {
-			classes = classes.concat(Object.keys(args[i]).filter(function(cls) {
-				return args[i][cls];
-			}));
+		var arg = args[i];
+		if (!arg) {
+			continue;
+		}
+
+		if ('string' === typeof arg || 'number' === typeof arg) {
+			classes.push(arg);
+		} else if ('object' === typeof arg) {
+			for (var key in arg) {
+				if (!arg.hasOwnProperty(key) || !arg[key]) {
+					continue;
+				}
+				classes.push(key);
+			}
 		}
 	}
-	return classes.join(' ') || undefined;
+	return classes.join(' ');
 }
 
-module.exports = classnames;
+// safely export classNames in case the script is included directly on a page
+if (typeof module !== 'undefined' && module.exports) {
+	module.exports = classNames;
+}
 
 },{}],2:[function(require,module,exports){
 "use strict";
 
 var _ = require("underscore"),
-    React = require("react"),
-    classes = require("classnames");
+    React = require("react");
 
 var Option = React.createClass({
 
@@ -35,18 +47,34 @@ var Option = React.createClass({
   },
 
   render: function () {
+    var label = this.props.label;
+
+    if (this.props.optionLabelClick) {
+      label = React.createElement(
+        "a",
+        { className: "Select-item-label__a",
+          onMouseDown: this.blockEvent,
+          onTouchEnd: this.props.onOptionLabelClick,
+          onClick: this.props.onOptionLabelClick },
+        label
+      );
+    }
+
     return React.createElement(
       "div",
       { className: "Select-item" },
       React.createElement(
         "span",
-        { className: "Select-item-icon", onMouseDown: this.blockEvent, onClick: this.props.onRemove, onTouchEnd: this.props.onRemove },
+        { className: "Select-item-icon",
+          onMouseDown: this.blockEvent,
+          onClick: this.props.onRemove,
+          onTouchEnd: this.props.onRemove },
         "×"
       ),
       React.createElement(
         "span",
         { className: "Select-item-label" },
-        this.props.label
+        label
       )
     );
   }
@@ -55,7 +83,7 @@ var Option = React.createClass({
 
 module.exports = Option;
 
-},{"classnames":1,"react":undefined,"underscore":undefined}],"react-select":[function(require,module,exports){
+},{"react":undefined,"underscore":undefined}],"react-select":[function(require,module,exports){
 "use strict";
 
 var _ = require("underscore"),
@@ -73,6 +101,7 @@ var Select = React.createClass({
   propTypes: {
     value: React.PropTypes.any, // initial field value
     multi: React.PropTypes.bool, // multi-value input
+    disabled: React.PropTypes.bool, // whether the Select is disabled or not
     options: React.PropTypes.array, // array of options
     delimiter: React.PropTypes.string, // delimiter to use to join multiple values
     asyncOptions: React.PropTypes.func, // function to call to get options
@@ -82,6 +111,7 @@ var Select = React.createClass({
     clearable: React.PropTypes.bool, // should it be possible to reset value
     clearValueText: React.PropTypes.string, // title for the "clear" control
     clearAllText: React.PropTypes.string, // title for the "clear" control when multi: true
+    searchable: React.PropTypes.bool, // whether to enable searching feature or not
     searchPromptText: React.PropTypes.string, // label to prompt for search input
     name: React.PropTypes.string, // field name, for hidden <input /> tag
     onChange: React.PropTypes.func, // onChange handler: function(newValue) {}
@@ -89,13 +119,23 @@ var Select = React.createClass({
     filterOption: React.PropTypes.func, // method to filter a single option: function(option, filterString)
     filterOptions: React.PropTypes.func, // method to filter the options array: function([options], filterString, [values])
     matchPos: React.PropTypes.string, // (any|start) match the start or entire string when filtering
-    matchProp: React.PropTypes.string // (any|label|value) which option property to filter on
+    matchProp: React.PropTypes.string, // (any|label|value) which option property to filter on
+
+    /*
+    
+    * Allow user to make option label clickable. When this handler is defined we should
+    * wrap label into <a>label</a> tag.
+    * 
+    * onOptionLabelClick handler: function (value, event) {}
+    * */
+    onOptionLabelClick: React.PropTypes.func
   },
 
   getDefaultProps: function () {
     return {
       value: undefined,
       options: [],
+      disabled: false,
       delimiter: ",",
       asyncOptions: undefined,
       autoload: true,
@@ -104,12 +144,15 @@ var Select = React.createClass({
       clearable: true,
       clearValueText: "Clear value",
       clearAllText: "Clear all",
+      searchable: true,
       searchPromptText: "Type to search",
       name: undefined,
       onChange: undefined,
       className: undefined,
       matchPos: "any",
-      matchProp: "any"
+      matchProp: "any",
+
+      onOptionLabelClick: undefined
     };
   },
 
@@ -162,7 +205,7 @@ var Select = React.createClass({
     if (this._focusAfterUpdate) {
       clearTimeout(this._blurTimeout);
       this._focusTimeout = setTimeout((function () {
-        this.refs.input.focus();
+        this.getInputNode().focus();
         this._focusAfterUpdate = false;
       }).bind(this), 50);
     }
@@ -261,6 +304,11 @@ var Select = React.createClass({
     this.setValue(this.state.value);
   },
 
+  getInputNode: function () {
+    var input = this.refs.input;
+    return this.props.searchable ? input : input.getDOMNode();
+  },
+
   fireChangeEvent: function (newState) {
     if (newState.value !== this.state.value && this.props.onChange) {
       this.props.onChange(newState.value, newState.values);
@@ -269,10 +317,11 @@ var Select = React.createClass({
 
   handleMouseDown: function (event) {
     // if the event was triggered by a mousedown and not the primary
-    // button, ignore it.
-    if (event.type == "mousedown" && event.button !== 0) {
+    // button, or if the component is disabled, ignore it.
+    if (this.props.disabled || event.type == "mousedown" && event.button !== 0) {
       return;
     }
+
     event.stopPropagation();
     event.preventDefault();
     if (this.state.isFocused) {
@@ -281,7 +330,7 @@ var Select = React.createClass({
       });
     } else {
       this._openAfterFocus = true;
-      this.refs.input.focus();
+      this.getInputNode().focus();
     }
   },
 
@@ -304,6 +353,8 @@ var Select = React.createClass({
   },
 
   handleKeyDown: function (event) {
+    if (this.state.disabled) return;
+
     switch (event.keyCode) {
 
       case 8:
@@ -412,6 +463,10 @@ var Select = React.createClass({
   },
 
   filterOptions: function (options, values) {
+    if (!this.props.searchable) {
+      return options;
+    }
+
     var filterValue = this._optionsFilterString;
     var exclude = (values || this.state.values).map(function (i) {
       return i.value;
@@ -529,12 +584,22 @@ var Select = React.createClass({
     );
   },
 
+  handleOptionLabelClick: function (value, event) {
+    var handler = this.props.onOptionLabelClick;
+
+    if (handler) {
+      handler(value, event);
+    }
+  },
+
   render: function () {
     var selectClass = classes("Select", this.props.className, {
       "is-multi": this.props.multi,
+      "is-searchable": this.props.searchable,
       "is-open": this.state.isOpen,
       "is-focused": this.state.isFocused,
       "is-loading": this.state.isLoading,
+      "is-disabled": this.props.disabled,
       "has-value": this.state.value
     });
 
@@ -544,13 +609,15 @@ var Select = React.createClass({
       this.state.values.forEach(function (val) {
         var props = _.extend({
           key: val.value,
+          optionLabelClick: !!this.props.onOptionLabelClick,
+          onOptionLabelClick: this.handleOptionLabelClick.bind(this, val),
           onRemove: this.removeValue.bind(this, val)
         }, val);
         value.push(React.createElement(Value, props));
       }, this);
     }
 
-    if (!this.state.inputValue && (!this.props.multi || !value.length)) {
+    if (this.props.disabled || !this.state.inputValue && (!this.props.multi || !value.length)) {
       value.push(React.createElement(
         "div",
         { className: "Select-placeholder", key: "placeholder" },
@@ -559,22 +626,41 @@ var Select = React.createClass({
     }
 
     var loading = this.state.isLoading ? React.createElement("span", { className: "Select-loading", "aria-hidden": "true" }) : null;
-    var clear = this.props.clearable && this.state.value ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
+    var clear = this.props.clearable && this.state.value && !this.props.disabled ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
     var menu = this.state.isOpen ? React.createElement(
       "div",
       { ref: "menu", onMouseDown: this.handleMouseDown, className: "Select-menu" },
       this.buildMenu()
     ) : null;
 
+    var commonProps = {
+      ref: "input",
+      className: "Select-input",
+      tabIndex: this.props.tabIndex || 0,
+      onFocus: this.handleInputFocus,
+      onBlur: this.handleInputBlur
+    };
+    var input;
+
+    if (this.props.searchable && !this.props.disabled) {
+      input = React.createElement(Input, React.__spread({ value: this.state.inputValue, onChange: this.handleInputChange, minWidth: "5" }, commonProps));
+    } else {
+      input = React.createElement(
+        "div",
+        commonProps,
+        " "
+      );
+    }
+
     return React.createElement(
       "div",
       { ref: "wrapper", className: selectClass },
-      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value }),
+      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value, disabled: this.props.disabled }),
       React.createElement(
         "div",
         { className: "Select-control", ref: "control", onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onTouchEnd: this.handleMouseDown },
         value,
-        React.createElement(Input, { className: "Select-input", tabIndex: this.props.tabIndex, ref: "input", value: this.state.inputValue, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, minWidth: "5" }),
+        input,
         React.createElement("span", { className: "Select-arrow" }),
         loading,
         clear
diff --git a/examples/dist/example.css b/examples/dist/example.css
index 72ffe8f1eb..564c31cc41 100644
--- a/examples/dist/example.css
+++ b/examples/dist/example.css
@@ -132,21 +132,25 @@ label {
 .Select-control:hover {
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
 }
+.is-searchable.is-open > .Select-control {
+  cursor: text;
+}
 .is-open > .Select-control {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   background: white;
   border-color: #b3b3b3 #cccccc #d9d9d9;
-  cursor: text;
 }
 .is-open > .Select-control > .Select-arrow {
   border-color: transparent transparent #999999;
   border-width: 0 5px 5px;
 }
+.is-searchable.is-focused:not(.is-open) > .Select-control {
+  cursor: text;
+}
 .is-focused:not(.is-open) > .Select-control {
   border-color: #0088cc #0099e6 #0099e6;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5);
-  cursor: text;
 }
 .Select-placeholder {
   color: #aaaaaa;
@@ -156,7 +160,7 @@ label {
   left: 0;
   max-width: 100%;
   overflow: hidden;
-  text-overflow: ellipses;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .has-value > .Select-control > .Select-placeholder {
@@ -177,6 +181,9 @@ label {
 .is-focused .Select-input > input {
   cursor: text;
 }
+.Select-control:not(.is-searchable) > .Select-input {
+  outline: none;
+}
 .Select-loading {
   -webkit-animation: spin 400ms infinite linear;
   -o-animation: spin 400ms infinite linear;
@@ -294,6 +301,10 @@ label {
   border-top-right-radius: 2px;
   padding: 3px 5px;
 }
+.Select-item-label .Select-item-label__a {
+  color: #0088cc;
+  cursor: pointer;
+}
 .Select-item-icon {
   cursor: pointer;
   border-bottom-left-radius: 2px;
diff --git a/examples/dist/standalone.js b/examples/dist/standalone.js
index 7c5fbe9288..44e7c789e8 100644
--- a/examples/dist/standalone.js
+++ b/examples/dist/standalone.js
@@ -17,6 +17,7 @@ var Select = React.createClass({
   propTypes: {
     value: React.PropTypes.any, // initial field value
     multi: React.PropTypes.bool, // multi-value input
+    disabled: React.PropTypes.bool, // whether the Select is disabled or not
     options: React.PropTypes.array, // array of options
     delimiter: React.PropTypes.string, // delimiter to use to join multiple values
     asyncOptions: React.PropTypes.func, // function to call to get options
@@ -26,6 +27,7 @@ var Select = React.createClass({
     clearable: React.PropTypes.bool, // should it be possible to reset value
     clearValueText: React.PropTypes.string, // title for the "clear" control
     clearAllText: React.PropTypes.string, // title for the "clear" control when multi: true
+    searchable: React.PropTypes.bool, // whether to enable searching feature or not
     searchPromptText: React.PropTypes.string, // label to prompt for search input
     name: React.PropTypes.string, // field name, for hidden <input /> tag
     onChange: React.PropTypes.func, // onChange handler: function(newValue) {}
@@ -33,13 +35,23 @@ var Select = React.createClass({
     filterOption: React.PropTypes.func, // method to filter a single option: function(option, filterString)
     filterOptions: React.PropTypes.func, // method to filter the options array: function([options], filterString, [values])
     matchPos: React.PropTypes.string, // (any|start) match the start or entire string when filtering
-    matchProp: React.PropTypes.string // (any|label|value) which option property to filter on
+    matchProp: React.PropTypes.string, // (any|label|value) which option property to filter on
+
+    /*
+    
+    * Allow user to make option label clickable. When this handler is defined we should
+    * wrap label into <a>label</a> tag.
+    * 
+    * onOptionLabelClick handler: function (value, event) {}
+    * */
+    onOptionLabelClick: React.PropTypes.func
   },
 
   getDefaultProps: function () {
     return {
       value: undefined,
       options: [],
+      disabled: false,
       delimiter: ",",
       asyncOptions: undefined,
       autoload: true,
@@ -48,12 +60,15 @@ var Select = React.createClass({
       clearable: true,
       clearValueText: "Clear value",
       clearAllText: "Clear all",
+      searchable: true,
       searchPromptText: "Type to search",
       name: undefined,
       onChange: undefined,
       className: undefined,
       matchPos: "any",
-      matchProp: "any"
+      matchProp: "any",
+
+      onOptionLabelClick: undefined
     };
   },
 
@@ -106,7 +121,7 @@ var Select = React.createClass({
     if (this._focusAfterUpdate) {
       clearTimeout(this._blurTimeout);
       this._focusTimeout = setTimeout((function () {
-        this.refs.input.focus();
+        this.getInputNode().focus();
         this._focusAfterUpdate = false;
       }).bind(this), 50);
     }
@@ -205,6 +220,11 @@ var Select = React.createClass({
     this.setValue(this.state.value);
   },
 
+  getInputNode: function () {
+    var input = this.refs.input;
+    return this.props.searchable ? input : input.getDOMNode();
+  },
+
   fireChangeEvent: function (newState) {
     if (newState.value !== this.state.value && this.props.onChange) {
       this.props.onChange(newState.value, newState.values);
@@ -213,10 +233,11 @@ var Select = React.createClass({
 
   handleMouseDown: function (event) {
     // if the event was triggered by a mousedown and not the primary
-    // button, ignore it.
-    if (event.type == "mousedown" && event.button !== 0) {
+    // button, or if the component is disabled, ignore it.
+    if (this.props.disabled || event.type == "mousedown" && event.button !== 0) {
       return;
     }
+
     event.stopPropagation();
     event.preventDefault();
     if (this.state.isFocused) {
@@ -225,7 +246,7 @@ var Select = React.createClass({
       });
     } else {
       this._openAfterFocus = true;
-      this.refs.input.focus();
+      this.getInputNode().focus();
     }
   },
 
@@ -248,6 +269,8 @@ var Select = React.createClass({
   },
 
   handleKeyDown: function (event) {
+    if (this.state.disabled) return;
+
     switch (event.keyCode) {
 
       case 8:
@@ -356,6 +379,10 @@ var Select = React.createClass({
   },
 
   filterOptions: function (options, values) {
+    if (!this.props.searchable) {
+      return options;
+    }
+
     var filterValue = this._optionsFilterString;
     var exclude = (values || this.state.values).map(function (i) {
       return i.value;
@@ -473,12 +500,22 @@ var Select = React.createClass({
     );
   },
 
+  handleOptionLabelClick: function (value, event) {
+    var handler = this.props.onOptionLabelClick;
+
+    if (handler) {
+      handler(value, event);
+    }
+  },
+
   render: function () {
     var selectClass = classes("Select", this.props.className, {
       "is-multi": this.props.multi,
+      "is-searchable": this.props.searchable,
       "is-open": this.state.isOpen,
       "is-focused": this.state.isFocused,
       "is-loading": this.state.isLoading,
+      "is-disabled": this.props.disabled,
       "has-value": this.state.value
     });
 
@@ -488,13 +525,15 @@ var Select = React.createClass({
       this.state.values.forEach(function (val) {
         var props = _.extend({
           key: val.value,
+          optionLabelClick: !!this.props.onOptionLabelClick,
+          onOptionLabelClick: this.handleOptionLabelClick.bind(this, val),
           onRemove: this.removeValue.bind(this, val)
         }, val);
         value.push(React.createElement(Value, props));
       }, this);
     }
 
-    if (!this.state.inputValue && (!this.props.multi || !value.length)) {
+    if (this.props.disabled || !this.state.inputValue && (!this.props.multi || !value.length)) {
       value.push(React.createElement(
         "div",
         { className: "Select-placeholder", key: "placeholder" },
@@ -503,22 +542,41 @@ var Select = React.createClass({
     }
 
     var loading = this.state.isLoading ? React.createElement("span", { className: "Select-loading", "aria-hidden": "true" }) : null;
-    var clear = this.props.clearable && this.state.value ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
+    var clear = this.props.clearable && this.state.value && !this.props.disabled ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
     var menu = this.state.isOpen ? React.createElement(
       "div",
       { ref: "menu", onMouseDown: this.handleMouseDown, className: "Select-menu" },
       this.buildMenu()
     ) : null;
 
+    var commonProps = {
+      ref: "input",
+      className: "Select-input",
+      tabIndex: this.props.tabIndex || 0,
+      onFocus: this.handleInputFocus,
+      onBlur: this.handleInputBlur
+    };
+    var input;
+
+    if (this.props.searchable && !this.props.disabled) {
+      input = React.createElement(Input, React.__spread({ value: this.state.inputValue, onChange: this.handleInputChange, minWidth: "5" }, commonProps));
+    } else {
+      input = React.createElement(
+        "div",
+        commonProps,
+        " "
+      );
+    }
+
     return React.createElement(
       "div",
       { ref: "wrapper", className: selectClass },
-      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value }),
+      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value, disabled: this.props.disabled }),
       React.createElement(
         "div",
         { className: "Select-control", ref: "control", onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onTouchEnd: this.handleMouseDown },
         value,
-        React.createElement(Input, { className: "Select-input", tabIndex: this.props.tabIndex, ref: "input", value: this.state.inputValue, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, minWidth: "5" }),
+        input,
         React.createElement("span", { className: "Select-arrow" }),
         loading,
         clear
@@ -533,29 +591,41 @@ module.exports = Select;
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 },{"./Value":3,"classnames":2}],2:[function(require,module,exports){
-function classnames() {
-	var args = arguments, classes = [];
+function classNames() {
+	var args = arguments;
+	var classes = [];
+
 	for (var i = 0; i < args.length; i++) {
-		if (args[i] && 'string' === typeof args[i]) {
-			classes.push(args[i]);
-		} else if ('object' === typeof args[i]) {
-			classes = classes.concat(Object.keys(args[i]).filter(function(cls) {
-				return args[i][cls];
-			}));
+		var arg = args[i];
+		if (!arg) {
+			continue;
+		}
+
+		if ('string' === typeof arg || 'number' === typeof arg) {
+			classes.push(arg);
+		} else if ('object' === typeof arg) {
+			for (var key in arg) {
+				if (!arg.hasOwnProperty(key) || !arg[key]) {
+					continue;
+				}
+				classes.push(key);
+			}
 		}
 	}
-	return classes.join(' ') || undefined;
+	return classes.join(' ');
 }
 
-module.exports = classnames;
+// safely export classNames in case the script is included directly on a page
+if (typeof module !== 'undefined' && module.exports) {
+	module.exports = classNames;
+}
 
 },{}],3:[function(require,module,exports){
 (function (global){
 "use strict";
 
 var _ = (typeof window !== "undefined" ? window._ : typeof global !== "undefined" ? global._ : null),
-    React = (typeof window !== "undefined" ? window.React : typeof global !== "undefined" ? global.React : null),
-    classes = require("classnames");
+    React = (typeof window !== "undefined" ? window.React : typeof global !== "undefined" ? global.React : null);
 
 var Option = React.createClass({
 
@@ -570,18 +640,34 @@ var Option = React.createClass({
   },
 
   render: function () {
+    var label = this.props.label;
+
+    if (this.props.optionLabelClick) {
+      label = React.createElement(
+        "a",
+        { className: "Select-item-label__a",
+          onMouseDown: this.blockEvent,
+          onTouchEnd: this.props.onOptionLabelClick,
+          onClick: this.props.onOptionLabelClick },
+        label
+      );
+    }
+
     return React.createElement(
       "div",
       { className: "Select-item" },
       React.createElement(
         "span",
-        { className: "Select-item-icon", onMouseDown: this.blockEvent, onClick: this.props.onRemove, onTouchEnd: this.props.onRemove },
+        { className: "Select-item-icon",
+          onMouseDown: this.blockEvent,
+          onClick: this.props.onRemove,
+          onTouchEnd: this.props.onRemove },
         "×"
       ),
       React.createElement(
         "span",
         { className: "Select-item-label" },
-        this.props.label
+        label
       )
     );
   }
@@ -591,5 +677,5 @@ var Option = React.createClass({
 module.exports = Option;
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"classnames":2}]},{},[1])(1)
+},{}]},{},[1])(1)
 });
\ No newline at end of file
diff --git a/examples/src/app.js b/examples/src/app.js
index 66b4afcd30..9804869dce 100644
--- a/examples/src/app.js
+++ b/examples/src/app.js
@@ -129,9 +129,38 @@ var MultiSelectField = React.createClass({
 	}
 });
 
+var SelectedValuesField = React.createClass({
+
+	onLabelClick: function (data, event) {
+		console.log(data);
+	},
+	
+	render: function() {
+		var ops = [
+			{ label: 'Chocolate', value: 'chocolate' },
+			{ label: 'Vanilla', value: 'vanilla' },
+			{ label: 'Strawberry', value: 'strawberry' },
+			{ label: 'Caramel', value: 'caramel' },
+			{ label: 'Cookies and Cream', value: 'cookiescream' },
+			{ label: 'Peppermint', value: 'peppermint' }
+		];
+		return <div>
+			<label>{this.props.label}</label>
+			<Select
+				onOptionLabelClick={this.onLabelClick}
+				value="chocolate,vanilla,strawberry"
+				multi={true}
+				placeholder="Select your favourite(s)"
+				options={ops}
+				onChange={logChange} />
+		</div>;
+	}
+});
+
 
 React.render(
 	<div>
+		<SelectedValuesField label="Clickable labels (labels as links):" />
 		<StatesField />
 		<StatesField label="States (non-searchable):" searchable={false} />
 		<MultiSelectField label="Multiselect:"/>
diff --git a/less/select-multi.less b/less/select-multi.less
index 7bd063bba4..f179e885b7 100644
--- a/less/select-multi.less
+++ b/less/select-multi.less
@@ -51,6 +51,11 @@
 	cursor: default;
 	.border-right-radius( @select-item-border-radius );
 	padding: @select-item-padding-vertical @select-item-padding-horizontal;
+	
+	.Select-item-label__a {
+		color: @select-item-color;
+		cursor: pointer;
+	}
 }
 
 // icon
diff --git a/lib/Select.js b/lib/Select.js
index ff8665a100..44b1c7b38f 100644
--- a/lib/Select.js
+++ b/lib/Select.js
@@ -15,6 +15,7 @@ var Select = React.createClass({
   propTypes: {
     value: React.PropTypes.any, // initial field value
     multi: React.PropTypes.bool, // multi-value input
+    disabled: React.PropTypes.bool, // whether the Select is disabled or not
     options: React.PropTypes.array, // array of options
     delimiter: React.PropTypes.string, // delimiter to use to join multiple values
     asyncOptions: React.PropTypes.func, // function to call to get options
@@ -24,6 +25,7 @@ var Select = React.createClass({
     clearable: React.PropTypes.bool, // should it be possible to reset value
     clearValueText: React.PropTypes.string, // title for the "clear" control
     clearAllText: React.PropTypes.string, // title for the "clear" control when multi: true
+    searchable: React.PropTypes.bool, // whether to enable searching feature or not
     searchPromptText: React.PropTypes.string, // label to prompt for search input
     name: React.PropTypes.string, // field name, for hidden <input /> tag
     onChange: React.PropTypes.func, // onChange handler: function(newValue) {}
@@ -31,13 +33,23 @@ var Select = React.createClass({
     filterOption: React.PropTypes.func, // method to filter a single option: function(option, filterString)
     filterOptions: React.PropTypes.func, // method to filter the options array: function([options], filterString, [values])
     matchPos: React.PropTypes.string, // (any|start) match the start or entire string when filtering
-    matchProp: React.PropTypes.string // (any|label|value) which option property to filter on
+    matchProp: React.PropTypes.string, // (any|label|value) which option property to filter on
+
+    /*
+    
+    * Allow user to make option label clickable. When this handler is defined we should
+    * wrap label into <a>label</a> tag.
+    * 
+    * onOptionLabelClick handler: function (value, event) {}
+    * */
+    onOptionLabelClick: React.PropTypes.func
   },
 
   getDefaultProps: function () {
     return {
       value: undefined,
       options: [],
+      disabled: false,
       delimiter: ",",
       asyncOptions: undefined,
       autoload: true,
@@ -46,12 +58,15 @@ var Select = React.createClass({
       clearable: true,
       clearValueText: "Clear value",
       clearAllText: "Clear all",
+      searchable: true,
       searchPromptText: "Type to search",
       name: undefined,
       onChange: undefined,
       className: undefined,
       matchPos: "any",
-      matchProp: "any"
+      matchProp: "any",
+
+      onOptionLabelClick: undefined
     };
   },
 
@@ -104,7 +119,7 @@ var Select = React.createClass({
     if (this._focusAfterUpdate) {
       clearTimeout(this._blurTimeout);
       this._focusTimeout = setTimeout((function () {
-        this.refs.input.focus();
+        this.getInputNode().focus();
         this._focusAfterUpdate = false;
       }).bind(this), 50);
     }
@@ -203,6 +218,11 @@ var Select = React.createClass({
     this.setValue(this.state.value);
   },
 
+  getInputNode: function () {
+    var input = this.refs.input;
+    return this.props.searchable ? input : input.getDOMNode();
+  },
+
   fireChangeEvent: function (newState) {
     if (newState.value !== this.state.value && this.props.onChange) {
       this.props.onChange(newState.value, newState.values);
@@ -211,10 +231,11 @@ var Select = React.createClass({
 
   handleMouseDown: function (event) {
     // if the event was triggered by a mousedown and not the primary
-    // button, ignore it.
-    if (event.type == "mousedown" && event.button !== 0) {
+    // button, or if the component is disabled, ignore it.
+    if (this.props.disabled || event.type == "mousedown" && event.button !== 0) {
       return;
     }
+
     event.stopPropagation();
     event.preventDefault();
     if (this.state.isFocused) {
@@ -223,7 +244,7 @@ var Select = React.createClass({
       });
     } else {
       this._openAfterFocus = true;
-      this.refs.input.focus();
+      this.getInputNode().focus();
     }
   },
 
@@ -246,6 +267,8 @@ var Select = React.createClass({
   },
 
   handleKeyDown: function (event) {
+    if (this.state.disabled) return;
+
     switch (event.keyCode) {
 
       case 8:
@@ -354,6 +377,10 @@ var Select = React.createClass({
   },
 
   filterOptions: function (options, values) {
+    if (!this.props.searchable) {
+      return options;
+    }
+
     var filterValue = this._optionsFilterString;
     var exclude = (values || this.state.values).map(function (i) {
       return i.value;
@@ -471,12 +498,22 @@ var Select = React.createClass({
     );
   },
 
+  handleOptionLabelClick: function (value, event) {
+    var handler = this.props.onOptionLabelClick;
+
+    if (handler) {
+      handler(value, event);
+    }
+  },
+
   render: function () {
     var selectClass = classes("Select", this.props.className, {
       "is-multi": this.props.multi,
+      "is-searchable": this.props.searchable,
       "is-open": this.state.isOpen,
       "is-focused": this.state.isFocused,
       "is-loading": this.state.isLoading,
+      "is-disabled": this.props.disabled,
       "has-value": this.state.value
     });
 
@@ -486,13 +523,15 @@ var Select = React.createClass({
       this.state.values.forEach(function (val) {
         var props = _.extend({
           key: val.value,
+          optionLabelClick: !!this.props.onOptionLabelClick,
+          onOptionLabelClick: this.handleOptionLabelClick.bind(this, val),
           onRemove: this.removeValue.bind(this, val)
         }, val);
         value.push(React.createElement(Value, props));
       }, this);
     }
 
-    if (!this.state.inputValue && (!this.props.multi || !value.length)) {
+    if (this.props.disabled || !this.state.inputValue && (!this.props.multi || !value.length)) {
       value.push(React.createElement(
         "div",
         { className: "Select-placeholder", key: "placeholder" },
@@ -501,22 +540,41 @@ var Select = React.createClass({
     }
 
     var loading = this.state.isLoading ? React.createElement("span", { className: "Select-loading", "aria-hidden": "true" }) : null;
-    var clear = this.props.clearable && this.state.value ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
+    var clear = this.props.clearable && this.state.value && !this.props.disabled ? React.createElement("span", { className: "Select-clear", title: this.props.multi ? this.props.clearAllText : this.props.clearValueText, "aria-label": this.props.multi ? this.props.clearAllText : this.props.clearValueText, onMouseDown: this.clearValue, onClick: this.clearValue, dangerouslySetInnerHTML: { __html: "&times;" } }) : null;
     var menu = this.state.isOpen ? React.createElement(
       "div",
       { ref: "menu", onMouseDown: this.handleMouseDown, className: "Select-menu" },
       this.buildMenu()
     ) : null;
 
+    var commonProps = {
+      ref: "input",
+      className: "Select-input",
+      tabIndex: this.props.tabIndex || 0,
+      onFocus: this.handleInputFocus,
+      onBlur: this.handleInputBlur
+    };
+    var input;
+
+    if (this.props.searchable && !this.props.disabled) {
+      input = React.createElement(Input, React.__spread({ value: this.state.inputValue, onChange: this.handleInputChange, minWidth: "5" }, commonProps));
+    } else {
+      input = React.createElement(
+        "div",
+        commonProps,
+        " "
+      );
+    }
+
     return React.createElement(
       "div",
       { ref: "wrapper", className: selectClass },
-      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value }),
+      React.createElement("input", { type: "hidden", ref: "value", name: this.props.name, value: this.state.value, disabled: this.props.disabled }),
       React.createElement(
         "div",
         { className: "Select-control", ref: "control", onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown, onTouchEnd: this.handleMouseDown },
         value,
-        React.createElement(Input, { className: "Select-input", tabIndex: this.props.tabIndex, ref: "input", value: this.state.inputValue, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, minWidth: "5" }),
+        input,
         React.createElement("span", { className: "Select-arrow" }),
         loading,
         clear
diff --git a/lib/Value.js b/lib/Value.js
index dd654ad4c1..b75277ec50 100644
--- a/lib/Value.js
+++ b/lib/Value.js
@@ -1,8 +1,7 @@
 "use strict";
 
 var _ = require("underscore"),
-    React = require("react"),
-    classes = require("classnames");
+    React = require("react");
 
 var Option = React.createClass({
 
@@ -17,18 +16,34 @@ var Option = React.createClass({
   },
 
   render: function () {
+    var label = this.props.label;
+
+    if (this.props.optionLabelClick) {
+      label = React.createElement(
+        "a",
+        { className: "Select-item-label__a",
+          onMouseDown: this.blockEvent,
+          onTouchEnd: this.props.onOptionLabelClick,
+          onClick: this.props.onOptionLabelClick },
+        label
+      );
+    }
+
     return React.createElement(
       "div",
       { className: "Select-item" },
       React.createElement(
         "span",
-        { className: "Select-item-icon", onMouseDown: this.blockEvent, onClick: this.props.onRemove, onTouchEnd: this.props.onRemove },
+        { className: "Select-item-icon",
+          onMouseDown: this.blockEvent,
+          onClick: this.props.onRemove,
+          onTouchEnd: this.props.onRemove },
         "×"
       ),
       React.createElement(
         "span",
         { className: "Select-item-label" },
-        this.props.label
+        label
       )
     );
   }
diff --git a/src/Select.js b/src/Select.js
index 8c97c39085..1f15321939 100644
--- a/src/Select.js
+++ b/src/Select.js
@@ -31,7 +31,16 @@ var Select = React.createClass({
 		filterOption: React.PropTypes.func,        // method to filter a single option: function(option, filterString)
 		filterOptions: React.PropTypes.func,       // method to filter the options array: function([options], filterString, [values])
 		matchPos: React.PropTypes.string,          // (any|start) match the start or entire string when filtering
-		matchProp: React.PropTypes.string          // (any|label|value) which option property to filter on
+		matchProp: React.PropTypes.string,          // (any|label|value) which option property to filter on
+
+		/*
+		
+		* Allow user to make option label clickable. When this handler is defined we should
+		* wrap label into <a>label</a> tag.
+		* 
+		* onOptionLabelClick handler: function (value, event) {}
+		* */
+		onOptionLabelClick: React.PropTypes.func
 	},
 
 	getDefaultProps: function() {
@@ -53,7 +62,9 @@ var Select = React.createClass({
 			onChange: undefined,
 			className: undefined,
 			matchPos: 'any',
-			matchProp: 'any'
+			matchProp: 'any',
+
+			onOptionLabelClick: undefined
 		};
 	},
 
@@ -194,7 +205,7 @@ var Select = React.createClass({
 	removeValue: function(value) {
 		this.setValue(_.without(this.state.values, value));
 	},
-
+	
 	clearValue: function(event) {
 		// if the event was triggered by a mousedown and not the primary
 		// button, ignore it.
@@ -225,6 +236,7 @@ var Select = React.createClass({
 		if (this.props.disabled || (event.type == 'mousedown' && event.button !== 0)) {
 			return;
 		}
+		
 		event.stopPropagation();
 		event.preventDefault();
 		if (this.state.isFocused) {
@@ -495,6 +507,14 @@ var Select = React.createClass({
 
 	},
 
+	handleOptionLabelClick: function (value, event) {
+		var handler = this.props.onOptionLabelClick;
+		
+		if (handler) {
+			handler(value, event);
+		}
+	},
+	
 	render: function() {
 
 		var selectClass = classes('Select', this.props.className, {
@@ -513,8 +533,10 @@ var Select = React.createClass({
 			this.state.values.forEach(function(val) {
 				var props = _.extend({
 					key: val.value,
+					optionLabelClick: !!this.props.onOptionLabelClick,
+					onOptionLabelClick: this.handleOptionLabelClick.bind(this, val),
 					onRemove: this.removeValue.bind(this, val)
-				}, val);
+				}, val); 
 				value.push(<Value {...props} />);
 			}, this);
 		}
@@ -532,7 +554,7 @@ var Select = React.createClass({
 			className: 'Select-input',
 			tabIndex: this.props.tabIndex || 0,
 			onFocus: this.handleInputFocus,
-			onBlur: this.handleInputBlur,
+			onBlur: this.handleInputBlur
 		};
 		var input;
 
diff --git a/src/Value.js b/src/Value.js
index 3c365b2ca3..5301d1f539 100644
--- a/src/Value.js
+++ b/src/Value.js
@@ -1,6 +1,5 @@
 var _ = require('underscore'),
-	React = require('react'),
-	classes = require('classnames');
+	React = require('react');
 
 var Option = React.createClass({
 	
@@ -11,14 +10,32 @@ var Option = React.createClass({
 	},
 	
 	blockEvent: function(event) {
-		event.stopPropagation();
+		event.stopPropagation(); 
 	},
 	
 	render: function() {
+		var label = this.props.label;
+		
+		if (this.props.optionLabelClick) {
+			label = (
+				<a className="Select-item-label__a"
+				   onMouseDown={this.blockEvent}
+				   onTouchEnd={this.props.onOptionLabelClick}
+				   onClick={this.props.onOptionLabelClick}>
+					
+					{label}
+				</a>
+			);
+		}
+		
 		return (
 			<div className="Select-item">
-				<span className="Select-item-icon" onMouseDown={this.blockEvent} onClick={this.props.onRemove} onTouchEnd={this.props.onRemove}>&times;</span>
-				<span className="Select-item-label">{this.props.label}</span>
+				<span className="Select-item-icon"
+				      onMouseDown={this.blockEvent}
+				      onClick={this.props.onRemove}
+				      onTouchEnd={this.props.onRemove}>&times;</span>
+				
+				<span className="Select-item-label">{label}</span>
 			</div>
 		);
 	}