Web.components: Textarea: added className prop

This commit is contained in:
Daniil Senkiv 2019-09-13 14:11:45 +03:00
parent ec5c8dce49
commit 93e901a2cc

View File

@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
import commonInputStyle from '../text-input/common-input-styles';
import TextareaAutosize from 'react-autosize-textarea';
const ClearScrollbar = ({isDisabled, ...props}) => <Scrollbar {...props} />
const ClearScrollbar = ({ isDisabled, ...props }) => <Scrollbar {...props} />
const StyledScrollbar = styled(ClearScrollbar)`
${commonInputStyle};
:focus-within {
@ -23,7 +23,7 @@ const StyledScrollbar = styled(ClearScrollbar)`
}
`;
const ClearTextareaAutosize = ({isDisabled, ...props}) => <TextareaAutosize {...props} />
const ClearTextareaAutosize = ({ isDisabled, ...props }) => <TextareaAutosize {...props} />
const StyledTextarea = styled(ClearTextareaAutosize)`
${commonInputStyle};
width: 100%;
@ -52,6 +52,7 @@ class Textarea extends React.PureComponent {
// console.log('Textarea render');
return (
<StyledScrollbar
className={this.props.className}
stype='preMediumBlack'
isDisabled={this.props.isDisabled}
>
@ -81,7 +82,8 @@ Textarea.propTypes = {
onChange: PropTypes.func,
placeholder: PropTypes.string,
tabIndex: PropTypes.number,
value: PropTypes.string
value: PropTypes.string,
className: PropTypes.string
}
Textarea.defaultProps = {
@ -90,6 +92,7 @@ Textarea.defaultProps = {
placeholder: '',
value: '',
tabIndex: -1,
className: ''
}
export default Textarea;