Description and help text on paragraph and title text

[babsoft2]

In the layout files it should be possible to have description and help text on text:

like:

      {
        "id": "a7725d88-609f-42f9-b8cf-2016aa48895a",
        "type": "header",
        "textResourceBindings": {
          "title": "okonomi1.optionbox.mislighold.label",
          "description": "okonomi1.optionbox.mislighold.desc",
          "help": "okonomi1.optionbox.mislighold.help"
      }

on paragraph also.

Test

• Help texts on header and paragraph
• Paragraph and header components without helptext
• Helptexts on header and paragraph on a smaller screen
• Screenreader and tabbing to the help texts on header and paragraph
• Help text icon scale to the text size.

[lvbachmann]

@lorang92 @nkylstad I believe we decided that title/description for a paragraphs and headers wouldn't make much sense, but adding a help text to either of those components might. Is this something we can add without major changes?

[nkylstad]

@lorang92 @nkylstad I believe we decided that title/description for a paragraphs and headers wouldn't make much sense, but adding a help text to either of those components might. Is this something we can add without major changes?

Right, f.ex. a header component could be replaced with a paragraph component with markdown to provide similar functionality as a description on a form component.

Adding help texts to text components shouldn't be very complicated, we should be able to just add it without affecting the other components.

[lvbachmann]

Adding to current sprint, given that we are running short on front-end tasks.

[jeevananthank]

Test is complete and it is noted that the helptext icon is not scaled or rather not aligned to the bigger texts of header and paragraph components.
header: h2

paragraph: h1

app: ttd/frontend-test

@Febakke comments ?

[lorang92]

Closing issue as done.