Properties
| Property | Type | Description |
|---|---|---|
children | React.Node | (optional) the content to show. |
title | string | (optional) the content title. Defaults to Hjelpetekst (HelpButton.title). |
icon | string React.ReactNode | (optional) To be included in the button. Primary Icons can be set as a string (e.g. icon="information"), other icons should be set as React elements. |
render | function | (optional) accepts a function that returns a valid React Element. See example below. |
Button | Various | (optional) All button properties. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
Translations
More info about translations can be found in the general localization and Eufemia Forms localization docs.
| Key | nb-NO | en-GB | sv-SE (beta) |
|---|---|---|---|
HelpButton.title | Hjelpetekst | Help text | Hjälptext |
HelpButton.aria_role | Hjelp-knapp | Help button | Hjälp-knapp |
How to use render
Code Editor
<HelpButton title="Title" render={(children, props) => ( <Dialog triggerAttributes={props} className="your-class"> {children} </Dialog> )} > Help text </HelpButton>