diff --git a/examples/select/.babelrc b/examples/select/.babelrc
new file mode 100644
index 0000000..a965fd0
--- /dev/null
+++ b/examples/select/.babelrc
@@ -0,0 +1,3 @@
+{
+ 'presets' : ['es2015', 'react']
+}
diff --git a/examples/select/app/index.html b/examples/select/app/index.html
new file mode 100644
index 0000000..315fb8b
--- /dev/null
+++ b/examples/select/app/index.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/select/app/index.js b/examples/select/app/index.js
new file mode 100644
index 0000000..25ffbbb
--- /dev/null
+++ b/examples/select/app/index.js
@@ -0,0 +1,56 @@
+/** @jsx h */
+import './index.html';
+import { h, Cream, create, _container } from '../../../';
+
+create({
+ element: document.body,
+ elementId: 'application',
+ elementClass: 'cake-application'
+})
+ .route('/', 'counter');
+
+Cream.extend({
+ _namespace: 'counter',
+
+ selected: 'None',
+ data: [{
+ id: 1,
+ text: "Bella"
+ }, {
+ id: 2,
+ text: "Kitty"
+ }, {
+ id: 3,
+ text: "Loki"
+ }, {
+ id: 4,
+ text: "Milo"
+ }, {
+ id: 5,
+ text: "Missy"
+ }],
+
+ changeSelect(event) {
+ this.set('selected', this.get('data').filter(i => i.id == event.target.value)[0].text);
+ },
+
+ render() {
+ return (
+
+ {this.selected}
+
+
+
+ );
+ }
+});
diff --git a/examples/select/package.json b/examples/select/package.json
new file mode 100644
index 0000000..a77b29a
--- /dev/null
+++ b/examples/select/package.json
@@ -0,0 +1,13 @@
+{
+ "name": "example",
+ "author": "Svetlana Linuxenko (http://www.linuxenko.pro)",
+ "license": "MIT",
+ "devDependencies": {
+ "babel-core": "^6.18.2",
+ "babel-loader": "^6.2.8",
+ "babel-preset-es2015": "^6.18.0",
+ "babel-preset-react": "^6.16.0",
+ "file-loader": "^0.9.0",
+ "webpack": "^1.13.3"
+ }
+}
diff --git a/examples/select/webpack.config.js b/examples/select/webpack.config.js
new file mode 100644
index 0000000..d4379f3
--- /dev/null
+++ b/examples/select/webpack.config.js
@@ -0,0 +1,49 @@
+/* global __dirname */
+
+var path = require('path');
+
+var webpack = require('webpack');
+var dir_js = path.resolve(__dirname, 'app');
+var dir_build = path.resolve(__dirname, 'build');
+
+module.exports = {
+ entry: {
+ app : path.resolve(dir_js, 'index.js')
+ },
+ devtool: 'source-map',
+ output: {
+ path: dir_build,
+ filename: 'bundle.js'
+ },
+ resolveLoader: {
+ fallback: [path.join(__dirname, 'node_modules')]
+ },
+ resolve: {
+ modulesDirectories: ['node_modules', '../../../', dir_js],
+ fallback: [path.join(__dirname, 'node_modules')]
+ },
+ devServer: {
+ contentBase: dir_build,
+ },
+ module: {
+ loaders: [
+ {
+ loader: 'babel-loader',
+ test: /\.js$/,
+ exclude: /node_modules/,
+ presets : ['es2015', 'react']
+ },
+ {
+ test : /\.html$/,
+ loader : 'file?name=[name].html'
+ }
+ ]
+ },
+ plugins: [
+ new webpack.NoErrorsPlugin()
+
+ ],
+ stats: {
+ colors: true
+ }
+};