diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-07-19 08:47:01 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-08-23 05:12:01 +0800 |
commit | 01c0c98501c02623b0cd650483d14c99566ce0af (patch) | |
tree | 914bd709197a8f4c16d053ee6db7a8ed17dd1182 /ui/app/components/tabs/tab | |
parent | f30b726df79f1ffe0ba088dba9f3ca730ee7d103 (diff) | |
download | tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar.gz tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar.bz2 tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar.lz tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar.xz tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.tar.zst tangerine-wallet-browser-01c0c98501c02623b0cd650483d14c99566ce0af.zip |
Add tabs support for PageContainer
Diffstat (limited to 'ui/app/components/tabs/tab')
-rw-r--r-- | ui/app/components/tabs/tab/tab.component.js | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/ui/app/components/tabs/tab/tab.component.js b/ui/app/components/tabs/tab/tab.component.js index a59da8904..481513233 100644 --- a/ui/app/components/tabs/tab/tab.component.js +++ b/ui/app/components/tabs/tab/tab.component.js @@ -3,13 +3,13 @@ import PropTypes from 'prop-types' import classnames from 'classnames' const Tab = props => { - const { name, onClick, isActive, tabIndex } = props + const { name, onClick, isActive, tabIndex, className, activeClassName } = props return ( <li className={classnames( - 'tab', - isActive && 'tab--active', + className || 'tab', + isActive && (activeClassName || 'tab--active'), )} onClick={event => { event.preventDefault() @@ -26,6 +26,8 @@ Tab.propTypes = { onClick: PropTypes.func, isActive: PropTypes.bool, tabIndex: PropTypes.number, + className: PropTypes.string, + activeClassName: PropTypes.string, } export default Tab |