Allow <Link />'s icon to be targeted via a classname

appearhere · Mar 2, 2017 · 3d53839 · 3d53839
1 parent 264b2e5
commit 3d53839
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/Link/Link.js b/components/Link/Link.js
@@ -4,15 +4,16 @@ import cx from 'classnames';
 import css from './Link.css';
 import Icon from '../Icon/Icon';
 
-const Link = ({ href, className, children, ...rest }) => (
+const Link = ({ href, className, iconClassName, children, ...rest }) => (
   <a { ...rest } href={ href } className={ cx(css.root, className) }>
-    { children } <Icon className={ css.icon } name="chevron" />
+    { children } <Icon className={ cx(css.icon, iconClassName) } name="chevron" />
   </a>
 );
 
 Link.propTypes = {
   href: PropTypes.string,
   className: PropTypes.string,
+  iconClassName: PropTypes.string,
   children: PropTypes.node,
 };