Properties#
| Type | Description | |
|---|---|---|
children | React.ReactNode | (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 | da-DK |
|---|---|---|---|---|
HelpButton.title | Hjelpetekst | Help text | Hjälptext | Hjælpetekst |
HelpButton.ariaRole | Hjelp-knapp | Help button | Hjälp-knapp | Hjælp-knap |
How to use render#
<HelpButton title="Title" render={(children, props) => ( <Dialog triggerProps={props} className="your-class"> {children} </Dialog> )} > Help text </HelpButton>