Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Innspill til komponent]: <Radio /> #2731

Open
Trent-NAV opened this issue Feb 15, 2024 · 0 comments
Open

[Innspill til komponent]: <Radio /> #2731

Trent-NAV opened this issue Feb 15, 2024 · 0 comments

Comments

@Trent-NAV
Copy link
Contributor

Trent-NAV commented Feb 15, 2024

Tilbakemelding (Slack relasjon)

Radio group i Figma

I komponentbeskrivelsen på Aksel så angir dere at radio group skal anordnes som en vertikal liste, men for vår del benyttes radio alltid horisontalt fordi det i saksbehandlingssystem er mange kompakte plasseringsforhold. Det er som regel to eller maks tre radio buttons, så det scannes helt fint. Med bakgrunn i dette hadde det vært fint om radio group også kom som en singel radio button i Figma og/eller at radio group har en horizontal variant prop i Figma. Da slipper man å løsrive group og anordne det manuelt og da risikere å gå glipp av eventuelle komponent updates osv fordi den da er desentralisert. For utviklere er det enkelt å tilpasse komponentet live, så de forholder seg til dette på en annen måte.

Eksempel på "inline" horisontal radio button plassert i kontekst av tabell i Pesys, det er flere slike lignende områder.
Toggle group blir for dominerende eller stor for slike plasseringer. Radio brukes gjennomgående i hele systemet som del av et forutsigbart handlingsmønster for saksbehandlerne.

radio buttons Pesys

radiogroup_table


Eksempler på horisontal radio group i andre designsystemer

https://carbondesignsystem.com/components/radio-button/usage/

https://design-system.service.gov.uk/components/radios/

https://ant.design/components/radio#components-radio-demo-radiogroup

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant