Aksel

Meny

Show

Oppdatert Stabil
GithubYarnEndringslogg

Intro

Show er en av våre layout primitives. Komponenten gjør det enkelt å vise elementer ved bestemte brekkpunkt.

Egnet til:

  • Vise elementer basert på brekkpunkt
  • Vise sidebar på desktop
  • Vise menypunkt i header på desktop

Uegnet til:

  • Vise elementer basert på state

Har du innspill til komponenten?

Send forslag

Eksempler

Endre størrelsen på eksempelvinduet for å se komponenten i aksjon. Les mer om asChild her.

Åpne eksempel i nytt vindu

Retningslinjer

Show fungerer ved å sette display: none. Det betyr at children som ikke vises fortsatt vil rendres i DOM-en. Show er derfor ikke en erstatning for lazy-loading, men en utility for å vise elementer på spesifikke brekkpunkt.

Props

Show

above?

  • Type:
    "sm" | "md" | "lg" | "xl" | "2xl"
  • Description:

below?

  • Type:
    "sm" | "md" | "lg" | "xl" | "2xl"
  • Description:

as?

  • Type:
    "div" | "span"
  • Default:
    "div"
  • Description:

asChild?

  • Type:
    boolean
  • Description:

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<HTMLDivElement>
  • Description: