Endre størrelsen på eksempelvinduet for å se komponenten i aksjon. [Les mer om asChild her](https://aksel.nav.no/grunnleggende/kode/layout-primitives#613715c234c8).

Hide

Vi anbelfaler konsistent bruk av 'above' og 'below' for bedre lesbarhet i koden.

Hide gjør det enklere å konsistent utføre layout-endringer ved konkrete brekkpunkt

Header

Show/Hide fungerer bra til dynamisk endring av sidelayout basert på brekkpunkt sammen med HGrid

Layout med sidebar

primitive-hide

Kode-eksempler

. Det betyr at children som ikke vises fortsatt vil rendres i DOM-en. Hide er derfor ikke en erstatning for lazy-loading, men en utility for å skjule elementer på spesifikke brekkpunkt.

Will show/hide element above breakpoint (inclusive)

above

Will show/hide element below breakpoint (inclusive)

below

When true, will render element as its child. This merges classes, styles and event handlers.

asChild

className

Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).
[React Docs](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom)

Hide

Egnet til:

Uegnet til:

Eksempler

Retningslinjer

Props

Hide

above?

below?

as?

asChild?

className?

ref?

Hide

Intro

Egnet til:

Uegnet til:

Eksempler

Retningslinjer

Props

Hide

above?

below?

as?

asChild?

className?

ref?