# HelpMark



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

Component to display help icon with popover

## Examples

Component with rendered raw html and close on mouse leave:





```tsx
<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:

| Name         | Description              |           Type           | Default |
| :----------- | :----------------------- | :----------------------: | :-----: |
| iconSize     | Sets icon size           | `"s"` `"m"` `"l"` `"xl"` |  `"m"`  |
| popoverProps | Override `Popover` props |      `PopoverProps`      |         |

Name	Description	Type	Default
iconSize	Sets icon size	`"s"` `"m"` `"l"` `"xl"`	`"m"`
popoverProps	Override `Popover` props	`PopoverProps`

HelpMark

§Examples

§Properties

Examples

Properties