-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
reactackle-icons #56
reactackle-icons #56
Conversation
/** Set icon type */ | ||
type: PropTypes.oneOf(['font-awesome', 'library']), | ||
}), | ||
icon: PropTypes.node, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change prop type to PropTypes.element
@@ -139,14 +137,14 @@ const kindProps = ({ colorScheme, outlined, theme: themeFromProvider }) => { | |||
const borderWidth = theme.reactackle.components.button.borderWidth; | |||
const borderStyle = theme.reactackle.components.button.borderStyle; | |||
|
|||
return css` | |||
return css` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove trailing spaces
size: bmodule(2), | ||
imgSize: null, | ||
// eslint-disable-next-line react/display-name | ||
src: () => <IconCheck size="custom" color="currentColor" />, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src must be a react element, not a component
height: null, | ||
imgSize: 24, | ||
// eslint-disable-next-line react/display-name | ||
iconSrc: () => <IconCross size="custom" color="inherit" />, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
iconSrc must be a react element, not a component
}, | ||
iconTextSpacing: bmodule(0.5), | ||
// eslint-disable-next-line react/display-name | ||
src: () => <IconArrowDropDown size="custom" color="inherit" />, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src must be a react element, not a component
@@ -496,8 +486,9 @@ class _TextField extends Component { | |||
dense={this.props.dense} | |||
fullWidth={this.props.fullWidth} | |||
colorScheme={this.props.colorScheme} | |||
type="svg" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove props IconInnerStyled doesn't support
@@ -18,7 +18,7 @@ const propTypes = { | |||
/** | |||
* Add icon behind textfield | |||
*/ | |||
iconOuter: PropTypes.string, | |||
iconOuter: PropTypes.object, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
iconOuter is PropTypes.element
@@ -34,7 +34,7 @@ const propTypes = { | |||
/** | |||
* Add icon behind textfield | |||
*/ | |||
iconOuter: PropTypes.string, | |||
iconOuter: PropTypes.object, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
iconOuter is PropTypes.element
@@ -15,7 +15,7 @@ const propTypes = { | |||
colorScheme: PropTypes.oneOf(['neutral', 'error', 'success']), | |||
labelPosition: PropTypes.oneOf(['top', 'side']), | |||
slidingLabel: PropTypes.bool, | |||
iconOuter: PropTypes.string, | |||
iconOuter: PropTypes.object, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
iconOuter is PropTypes.element
/* eslint-disable react/display-name */ | ||
clearingIcon: () => <IconCross size="custom" color="inherit" />, | ||
passwordIconShow: () => <IconEye size="custom" color="inherit" />, | ||
passwordIconHide: () => <IconEyeClosed size="custom" color="inherit" />, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
elements, not components!
reactackle-icons
No description provided.