Merge pull request #1 from JoshKoberstein/master

Adding password component
kjda · Jun 3, 2015 · 6782321 · 6782321
2 parents ab9e690 + 5e877b4
commit 6782321
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 1 deletion.
diff --git a/dist/index.js b/dist/index.js
diff --git a/lib/index.jsx b/lib/index.jsx
@@ -18,6 +18,7 @@ module.exports = {
 	ListContainer: require('./listContainer.jsx'),
 	ListItem: require('./listItem.jsx'),
 	LinkButton: require('./linkButton.jsx'),
+	Password: require('./password.jsx'),
 	TextInput: require('./textInput.jsx'),
 	Textarea: require('./textarea.jsx'),
 	Switch: require('./switch.jsx'),

diff --git a/lib/password.jsx b/lib/password.jsx
@@ -0,0 +1,34 @@
+/** @jsx React.DOM */
+var React = require('react');
+var ClassSet = require('./classSet');
+
+module.exports = React.createClass({
+
+	displayName: 'Password',
+
+	propTypes:{
+		large: React.PropTypes.bool,
+		full: React.PropTypes.bool
+	},
+
+	getDefaultProps: function(){
+		return {
+			large: false,
+			full: false
+		};
+	},
+
+
+	render: function(){
+
+		var classSet = ClassSet({
+			'topcoat-text-input': !this.props.large ,
+			'topcoat-text-input--large': this.props.large,
+			full: this.props.full
+		});
+
+		return this.transferPropsTo(
+			<input type="password" className={classSet} />
+		);
+	}
+});