[Innspill til komponent]: <Button />

[finiteattention]

Tilbakemelding

Hei :) Forslaget gjelder dokumentering på https://aksel.nav.no/komponenter/core/button.

Foreløpig på aksel.nav.no viser vi atferden til Aksel-komponenter på (minst?) to måter:

1. Bruk av Chips til å forhåndsvise ulike states/tilstander som har noe å si for komponentens utseende/oppførsel. Eksempler på /button inkluderer Action, Neutral og Icon.

2. Bruk av responsive atferd når man endrer på skjermstørrelse, for eksempel det som vises på /primitives/hide og /primitives/show når man endrer på vindustørrelse i nettleseren.

Det jeg savner: noe tilsvarende som viser hva som burde skje med knapper dersom det finnes flere og skjermen er smal eller mye forstørret. Dette kunne for eksempel vært:

• bruk av en Chips til å vise stacking av buttons på smalere skjermer
• bruk av responsive design til å vise hvordan knapper tilpasser seg viewporten.

Vedlagt to mockups tilsvarende. Finnes kanskje andre måter å gjøre dette på, da. Og selv synes jeg at Chips-løsninga vil være enklere å finne og forstå.

Legger også ved skjermdump fra vår nåværende utfordring på Etterlevelsesløsninga hvor knappene skvises heller enn å oppfører seg flytende. Eller er dette bare oss som har tatt feil noe sted? 😆

Takk! — Chris.

[KenAJoh]

Hei, vi skal få fikset et eksempel på hvordan dette kan løses 👍

[KenAJoh]

Er en litt tricky case å lage gode eksempler for, da ulike løsninger vil ha ulike behov for hvordan knapper vises på ulike skjermer.

Prøvde meg på en enkel variant for skjermbildet

Men for f.eks malene våre gjør vi det på en annen måte