Skip to content

feat(textarea): Mulighet å legge hjelpetekst over inndatafeltet i textarea-komponenten#857

Merged
amish1188 merged 5 commits into
mainfrom
feat/textarea-helptext-adjustment
May 11, 2026
Merged

feat(textarea): Mulighet å legge hjelpetekst over inndatafeltet i textarea-komponenten#857
amish1188 merged 5 commits into
mainfrom
feat/textarea-helptext-adjustment

Conversation

@anjocu
Copy link
Copy Markdown
Contributor

@anjocu anjocu commented Apr 21, 2026

Denne PR'en legger inn en ny property som gjør det mulig å legge hjelpeteksten (helpText) over inndatafeltet som vist under.

image

Closes #697

@anjocu anjocu changed the title Feature: Mulighet å legge hjelpetekst over inndatafeltet i textarea-komponenten feat(textarea): Mulighet å legge hjelpetekst over inndatafeltet i textarea-komponenten Apr 21, 2026
@github-actions
Copy link
Copy Markdown
Contributor

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-meadow-0c645bd03-857.westeurope.5.azurestaticapps.net

@amish1188
Copy link
Copy Markdown
Contributor

Er den nye plasseringen av hjelpetekst bestemt av designerne? Jeg vil tro at dette gjelder alle skjemakomponenter. Kanskje designerne bør oppdatere dette i Figma? Spør fordi jeg jobber med nye skjemakomponenter, men har ikke sett hjelpetekst over inputfeltet på noen av dem. @MariaRoheim @FrodeKolstad

@tomapedersen
Copy link
Copy Markdown
Contributor

tomapedersen commented Apr 22, 2026

Vi har et eksempel i Disko, hvor det er ønsket med

label
hjelpetekst (i dus grå)
selve input-feltet

image

Jeg er litt i tvil når det gjelder å fjerne label så langt fra input (siden de ikke kan kobles med aria-labelledby / for), men her er et eksempel fra designere.

@amish1188
Copy link
Copy Markdown
Contributor

Vi har et eksempel i Disko, hvor det er ønsket med

label hjelpetekst (i dus grå) selve input-feltet

image Jeg er litt i tvil når det gjelder å fjerne label så langt fra input (siden de ikke kan kobles med aria-labelledby / for), men her er et eksempel fra designere.

ja, vi skal fjerne nve-label og kun bruke label-property (med tooltip) på alle skjemakomponenter av den grunn. work in progress :)

@MariaRoheim
Copy link
Copy Markdown

MariaRoheim commented Apr 22, 2026

Er den nye plasseringen av hjelpetekst bestemt av designerne? Jeg vil tro at dette gjelder alle skjemakomponenter. Kanskje designerne bør oppdatere dette i Figma? Spør fordi jeg jobber med nye skjemakomponenter, men har ikke sett hjelpetekst over inputfeltet på noen av dem. @MariaRoheim @FrodeKolstad

Vi ønsker hjelpetekst over inputfelt, ikke under. Feltet under brukes til feilmeldinger eller eventuelt ytterligere informasjon. Dette er slik komponenten er bygget opp i Figma og slik vi bruker den i skisser, men dette er ikke vist i dokumentasjonen over komponentene. Jeg har lagt kommentar i Figma at dette bør vises (se #697).

@FrodeKolstad
Copy link
Copy Markdown
Contributor

Er den nye plasseringen av hjelpetekst bestemt av designerne? Jeg vil tro at dette gjelder alle skjemakomponenter. Kanskje designerne bør oppdatere dette i Figma? Spør fordi jeg jobber med nye skjemakomponenter, men har ikke sett hjelpetekst over inputfeltet på noen av dem. @MariaRoheim @FrodeKolstad

Vi ønsker hjelpetekst over inputfelt, ikke under. Feltet under brukes til feilmeldinger eller eventuelt ytterligere informasjon. Jeg har lagt kommentar i Figma at dette bør vises i komponentoversikten (se #697).

Jeg aner ikke hva vi snakker om her, men vet at @MariaRoheim jobber med dette

Comment thread src/components/nve-textarea/nve-textarea.component.ts Outdated
@amish1188
Copy link
Copy Markdown
Contributor

Er den nye plasseringen av hjelpetekst bestemt av designerne? Jeg vil tro at dette gjelder alle skjemakomponenter. Kanskje designerne bør oppdatere dette i Figma? Spør fordi jeg jobber med nye skjemakomponenter, men har ikke sett hjelpetekst over inputfeltet på noen av dem. @MariaRoheim @FrodeKolstad

Vi ønsker hjelpetekst over inputfelt, ikke under. Feltet under brukes til feilmeldinger eller eventuelt ytterligere informasjon. Dette er slik komponenten er bygget opp i Figma og slik vi bruker den i skisser, men dette er ikke vist i dokumentasjonen over komponentene. Jeg har lagt kommentar i Figma at dette bør vises (se #697).

Skal vi beholde teksten under da? Den bør kanskje hete noe annet, siden hjelpetekst kun skal vises over inputfeltet. Har dere noen forslag? Kanskje «hint»?
Siden hjelpetekst leses av skjermlesere via aria-describedby, betyr det at vi også skal inkludere teksten fra hint der?

@anjocu
Copy link
Copy Markdown
Contributor Author

anjocu commented Apr 23, 2026

Ser det er lagt inn et "hint"-felt i Figma under textarea-komponenten her.

Slik kan et hint se ut. Oppdaterer også #697 med en kommentar om siste avklaringer som gjenstår.

image

@anjocu anjocu requested a review from amish1188 April 27, 2026 08:25
@github-actions
Copy link
Copy Markdown
Contributor

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-meadow-0c645bd03-857.westeurope.5.azurestaticapps.net

@amish1188 amish1188 merged commit 5935c4e into main May 11, 2026
6 checks passed
@amish1188 amish1188 deleted the feat/textarea-helptext-adjustment branch May 11, 2026 08:50
@designsystem-releaser
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 4.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@designsystem-releaser designsystem-releaser Bot added the released Publisert label May 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mulighet for å ha textarea help text OVER inndatafeltet og under by default

5 participants