• Forklare vanskelige begreper eller ord
  • Begrunne spørsmål eller konsepter
  • Vise ekstra innhold (overflow) i artikler
  • Vise rikt innhold eller filer
Installer
Read more i størrelsene medium og small
Read more som er lukket og åpen
KommandoInteraksjon
SpaceNår ReadMore har fokus, veksler panelet mellom åpnet og lukket
EnterNår ReadMore har fokus, veksler panelet mellom åpnet og lukket
Read more med lang setning over 2 linjer
Pass på lange setninger. De er vanskeligere å forstå.
Read more formulert som et spørsmål
Pass på spørsmålsform. Det kan skape forvirring i kombinasjon med annet innhold.
Read more med riktig innhold
Read more skal inneholde lite og ren tekst (eks. lister og linker).
Read more med feil innhold
Read more er feil redskap om du vil vise mye og rikt innhold.
children ReactNode
Content inside ReadMore
header ReactNode
ReadMore header content
open? boolean
Opens component if 'true', closes if 'false' Using this props removes automatic control of open-state
defaultOpen?boolean
Defaults the accordion to opened state
size?"medium" | "small"
Changes fontsize for content
className? string
ref? Ref<HTMLButtonElement>
ReadMore extends HTMLButtonElement