ContextualHelp
Contextual Help is represented by a question mark trigger that is positioned next to an element and displays its definition when clicked.
Required props
label
aria-abel for the contextual help trigger
Optional props
children
Children prop
narrow
Controls the padding of the contextual help popover. This prop defines whether it should be narrow or not. It is not narrow by default.
open
Whether the content is visible.
Live examples:
setOpen
A callback that gets called when the
open state
changes.
defaultOpen
Whether the content should be visible by default.
store
Another store object that will be kept in sync with the original store.
Live examples:
placement
The placement of the popover.
Live examples:
Related components
Page
The Page structure helps users to easily identify where they are, view content essential to the main job, and perform related actions.
Modal
Modal displays content related to a minor job within a page's main job. It demands complete attention and blocks interactions outside the overlay.
Tooltip
Tooltips display a label that was omitted when hovering the element. They shouldn't be essential for users to complete tasks.
Link
Links represent navigation inside a page or between pages, including to pages outside the Admin. They exist within or directly after a text.