ffe tilbakemeldingskomponent #1730
Conversation
isakbjugn
force-pushed
the
ffe-tilbakemeldingskomponent
branch
2 times, most recently
from
bd345d9 to
176d188
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1730.westeurope.2.azurestaticapps.net |
| "@sb1/ffe-collapse-react": "^2.0.6", | ||
| "@sb1/ffe-core-react": "^7.1.4", | ||
| "@sb1/ffe-feedback": "^1.0.0", | ||
| "@sb1/ffe-form": "^25.0.2", |
There was a problem hiding this comment.
Du trenger ikke ha dependency til "ffe-form", fordi den er indrekte med gjennom at den er en dependency i ffe-form-react
There was a problem hiding this comment.
Okei, det visste jeg ikke! Da skal jeg forenkle i package.json
Gjelder det for øvrig i appene der disse bibliotekene brukes også, at dersom man har avhengighet til react-pakken, så trenger man ikke eksplisitt avhengighet til less-pakken? (Men kan fremdeles importere less-filen ettersom less-pakken finnes i node-modules?)
|
Ser bra ut! Tenker kanskje som du også skriver at eksemplene burde deles opp, sånn at hvert eksempel kun viser ett eksempel på bruk. Sånn til Team Designsystem: Vi må legge til støtte for theming, fordi sånn det er nå kan ikke komponenten brukes av f.eks partnerbanker. |
isakbjugn
force-pushed
the
ffe-tilbakemeldingskomponent
branch
from
176d188 to
df6a915
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1730.westeurope.2.azurestaticapps.net |
isakbjugn
force-pushed
the
ffe-tilbakemeldingskomponent
branch
from
df6a915 to
740f253
Compare
Har delt opp i fem eksempler nå, som viser:
|
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1730.westeurope.2.azurestaticapps.net |
1 similar comment
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-1730.westeurope.2.azurestaticapps.net |
Beskrivelse
Tilbakemeldingskomponent for å la brukere gi vurdering og innspill til enkeltsider. Komponenten er implementert i React, med less-stilark i separat pakke.
Starttilstand til komponenten (tomler vises):
Tommel opp er klikket, og tekstfelt vises:
Tommel opp er klikket, og tekstfelt vises, og komponenten er tatt i bruk med en lenke som attributt (her til kundeservice):
Slutttilstand til komponenten (teksttilbakemelding er sendt inn):
Motivasjon og kontekst
Mange sider i Digitalbanken har en form for tilbakemeldingskomponent, med tommel opp/ned og et fritekstfelt. Disse må implementeres i hver enkelt app som bruker en slik komponent. Ved å ha en ffe-komponent for tilbakemeldinger, reduserer vi duplisert kode og gjør at vedlikehold kan gjøres på ett enkelt sted.
Testing
component-overiview, som bruker ulike farger, ulike språk og ulike attributter.kundefront-pm-boliglansdetaljer.Til diskusjon
component-overviewThumbsogThumbValuesfraffe-feedback-react, og håper enda at dette kan gjøres på en ryddigere måte (f.eks. eksportereenumfra annen fil ennindex.d.tscomponent-overview, men denne kan deles opp i flere filer for å tydeliggjøre brukstilfellene