Web.components: Textarea: added className prop
This commit is contained in:
parent
ec5c8dce49
commit
93e901a2cc
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user