Egnet til:

• å gjøre en side enklere å skanne når den inneholder informasjon som bare noen brukere trenger.

Uegnet til:

• å bruke som forklaring av spørsmål i skjema. Les mer om hjelpetekster (side ikke klar enda).
• små mengder innhold. Legg heller innholdet synlig på siden.

Teknisk dokumentasjon

Se OpenClose i Storybook for tekniske detaljer. 

Varianter

OpenClose finnes stor og liten utgave, og med mulighet for å velge plassering av ikon. 

Ikon til venstre, stor og liten variant

Stor og liten variant, med standard ikon til venstre.

Ikon til høyre, stor og liten variant

Stor og liten variant, med ikon til høyre.

Hvordan bruke komponenten  

Ikon på OpenClose kan være enten høyre- eller venstrejustert. Argument for venstrejustert er med tanke på universell utforming, og ikonet ligger først i leserekkefølen. Argument for høyrejustert er at det er mindre innrykk og tar mindre plass på mobil.

Universell utforming  

• Standardplassering for pil-ikonet er til venstre. Det er et meningsbærende ikon og det er en fordel om det ligger først i leserekkefølgen, spesielt for brukere med skjermforstørring.
• Bruk korte og forståelige tekster i knappen. Det skal være lett å skjønne hva du kan lese mer om.
• Ikonet er skjult for skjermlesere fordi utvid/minimerfunksjonen er ivaretatt i koden.