michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Add tabIndex prop in checkbox

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-02-20 20:14:28 +05:30
parent 44544f3289
commit f8e2d27bb0
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/atoms/button/Checkbox.jsx
View file

@ -3,7 +3,8 @@ import PropTypes from 'prop-types';
import './Checkbox.scss'; import './Checkbox.scss';
function Checkbox({ function Checkbox({
variant, isActive, onToggle, disabled, variant, isActive, onToggle,
disabled, tabIndex,
}) { }) {
const className = `checkbox checkbox-${variant}${isActive ? ' checkbox--active' : ''}`; const className = `checkbox checkbox-${variant}${isActive ? ' checkbox--active' : ''}`;
if (onToggle === null) return <span className={className} />; if (onToggle === null) return <span className={className} />;
@ -14,6 +15,7 @@ function Checkbox({
className={className} className={className}
type="button" type="button"
disabled={disabled} disabled={disabled}
tabIndex={tabIndex}
/> />
); );
} }
@ -23,6 +25,7 @@ Checkbox.defaultProps = {
isActive: false, isActive: false,
onToggle: null, onToggle: null,
disabled: false, disabled: false,
tabIndex: 0,
}; };
Checkbox.propTypes = { Checkbox.propTypes = {
@ -30,6 +33,7 @@ Checkbox.propTypes = {
isActive: PropTypes.bool, isActive: PropTypes.bool,
onToggle: PropTypes.func, onToggle: PropTypes.func,
disabled: PropTypes.bool, disabled: PropTypes.bool,
tabIndex: PropTypes.number,
}; };
export default Checkbox; export default Checkbox;