IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: Added tabIndex and disabled attributes

Browse Source
This commit is contained in:
Alexey Safronov 2019-05-22 16:24:24 +03:00
parent e6db94a0a1
commit fd2b7573be
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/ASC.Web.Components/src/components/Button/index.js
View File

@ -22,7 +22,8 @@ const hoveredCss = css`
`; `;
const StyledButton = styled.button.attrs((props) => ({ const StyledButton = styled.button.attrs((props) => ({
disabled: props.isDisabled ? 'disabled' : '' disabled: props.isDisabled ? 'disabled' : '',
tabIndex: props.tabIndex
}))` }))`
height: ${props => height: ${props =>
(props.size === 'huge' && '40px') || (props.size === 'huge' && '40px') ||
@ -104,6 +105,7 @@ const Button = props => {
Button.propTypes = { Button.propTypes = {
size: PropTypes.oneOf(['base', 'middle', 'big', 'huge']), size: PropTypes.oneOf(['base', 'middle', 'big', 'huge']),
primary: PropTypes.bool, primary: PropTypes.bool,
tabIndex: PropTypes.number,
isActivated: PropTypes.bool, isActivated: PropTypes.bool,
isHovered: PropTypes.bool, isHovered: PropTypes.bool,
isDisabled: PropTypes.bool, isDisabled: PropTypes.bool,
@ -115,7 +117,8 @@ Button.defaultProps = {
isActivated: false, isActivated: false,
isHovered: false, isHovered: false,
isDisabled: false, isDisabled: false,
size: 'base' size: 'base',
tabIndex: -1
}; };
export default Button; export default Button;