diff --git a/docs/dist/js/checkbox.jsx b/docs/dist/js/checkbox.jsx
index 3292f1f931e60e..6d96015702224f 100644
--- a/docs/dist/js/checkbox.jsx
+++ b/docs/dist/js/checkbox.jsx
@@ -12,6 +12,7 @@ var Checkbox = React.createClass({
     name: React.PropTypes.string.isRequired,
     onCheck: React.PropTypes.func,
     value: React.PropTypes.string.isRequired,
+    onClick: React.PropTypes.func
   },
 
   mixins: [Classable],
diff --git a/docs/dist/js/radio-button.jsx b/docs/dist/js/radio-button.jsx
index 129f55f8eb883f..4fc490fc5bcc59 100644
--- a/docs/dist/js/radio-button.jsx
+++ b/docs/dist/js/radio-button.jsx
@@ -11,7 +11,8 @@ var RadioButton = React.createClass({
   propTypes: {
     name: React.PropTypes.string,
     onClick: React.PropTypes.func,
-    value: React.PropTypes.string
+    value: React.PropTypes.string,
+    label: React.PropTypes.string
   },
 
   mixins: [Classable],
@@ -35,6 +36,7 @@ var RadioButton = React.createClass({
       <div className={classes} onClick={this._onClick}>
         <input ref="radioButton" type="radio" name={this.props.name} value={this.props.value} />
         <div className="mui-radio-button-fill" />
+        <span className="mui-radio-button-label">{this.props.label}</span>
       </div>
     );
   },
diff --git a/docs/dist/less/components/checkbox.less b/docs/dist/less/components/checkbox.less
index ffeafd3b33c15d..8b0c391bf4a8c2 100644
--- a/docs/dist/less/components/checkbox.less
+++ b/docs/dist/less/components/checkbox.less
@@ -8,6 +8,7 @@
 @checkbox-box-box-sizing: border-box;
 @checkbox-box-position: absolute;
 @checkbox-box-size: 18px;
+@checkbox-label-spacing: @checkbox-box-size;
 @checkbox-box-transform-origin: 40% 90%;
 @checkbox-box-transform: rotate(0deg) scale(1);
 
@@ -37,6 +38,12 @@
 		display: @checkbox-input-display;
 	}
 	
+	.mui-checkbox-label { 
+		position: relative;
+		left: @checkbox-label-spacing;
+		padding: 0 5px;
+	} 
+	
 	.mui-checkbox-box {
 		.ease-out;
 		background-color: @checkbox-box-background-color;
diff --git a/docs/dist/less/components/radio-button.less b/docs/dist/less/components/radio-button.less
index 8f03320f4d06fd..8a96d763f7fc4f 100644
--- a/docs/dist/less/components/radio-button.less
+++ b/docs/dist/less/components/radio-button.less
@@ -21,6 +21,12 @@
 		width: @radio-button-size;
 	}
 
+	.mui-radio-button-label {
+		position: relative;
+		left: @radio-button-size;
+		padding: 0 3px;
+	}
+
 	input[type=radio] {
 		display: none;