UIKit
7.26.0
• HelpMarkKomponenten
UIKit
7.26.0
AccordionActionTooltipAlertArrowToggleAvatarBreadcrumbsButtonCardCheckboxDropdownMenuHelpMarkIconLabelLinkListLoaderMenuModalOverlayPaginationPalettePinInputPopoverPopupPortalProgressRadioRadioGroupSegmentedRadioGroupSelectSheetSkeletonSliderSpinStepperSwitchTableTabsTextTextAreaTextInputToasterTooltipUserUserLabel
Date Components
3.4.0
Navigation
3.7.5
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:
| Name | Description | Type | Default |
|---|---|---|---|
| iconSize | Sets icon size | "s" "m" "l" "xl" | "m" |
| popoverProps | Override Popover props | PopoverProps |