Sha256: f49a5b14767d50675a84d24b7802ae6417b43e3c1950510cf2d959f68f55a45f
Contents?: true
Size: 1.02 KB
Versions: 6
Compression:
Stored size: 1.02 KB
Contents
const UIPageActions = ({ label, disabled, secondaryHref, secondaryLabel }) => {
const buttonClassName = classNames({
'btn': true,
'btn-primary': !disabled,
'disabled': disabled
});
let secondaryElement = null;
if(secondaryHref) {
secondaryElement = (
<div className="ui-page-actions__secondary">
<div className="button-group">
<a className="btn" href={secondaryHref}>{secondaryLabel}</a>
</div>
</div>
);
}
return (
<div className="ui-page-actions">
{secondaryElement}
<div className="ui-page-actions__primary">
<div className="button-group button-group--right-aligned">
<button name="button" type="submit" className={buttonClassName} disabled={disabled}>
{label}
</button>
</div>
</div>
</div>
);
};
UIPageActions.propTypes = {
label: React.PropTypes.string.isRequired,
disabled: React.PropTypes.bool,
secondaryHref: React.PropTypes.string,
secondaryLabel: React.PropTypes.string
};
Version data entries
6 entries across 6 versions & 1 rubygems