Better looking checkboxes (#3345)

Also showing icon only on hover on control headers
This commit is contained in:
Maxime Beauchemin
2017-08-21 13:47:50 -07:00
committed by GitHub
parent e79adbbc5f
commit 254645773c
7 changed files with 100 additions and 63 deletions

View File

@@ -9,15 +9,19 @@ const propTypes = {
icon: PropTypes.string,
className: PropTypes.string,
onClick: PropTypes.func,
placement: PropTypes.string,
};
const defaultProps = {
icon: 'question-circle-o',
icon: 'info-circle',
className: 'text-muted',
placement: 'right',
};
export default function InfoTooltipWithTrigger({ label, tooltip, icon, className, onClick }) {
export default function InfoTooltipWithTrigger({
label, tooltip, icon, className, onClick, placement }) {
return (
<OverlayTrigger
placement="right"
placement={placement}
overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
>
<i