HelpMark

iconSize
import {HelpMark} from '@gravity-ui/uikit';

Component to display help icon with popover

Examples

Component with rendered raw html and close on mouse leave:

<HelpMark onClick={() => console.log('just action happened')}>
    <b>Lorem ipsum</b> dolor sit{' '}
    <a href="https://example.com" target="_blank" rel="noreferrer">
        amet
    </a>
    , at scelerisque suspendisse
</HelpMark>

Properties

HelpMark accepts any valid button element props in addition to these:

NameDescriptionTypeDefault
iconSizeSets icon size"s" "m" "l" "xl""m"
popoverPropsOverride Popover propsPopoverProps