Intro
Show er en av våre layout primitives. Komponenten gjør det enkelt å vise elementer ved bestemte brekkpunkt.
Eksempler
Vi anbelfaler konsistent bruk av 'above' og 'below' for bedre lesbarhet i koden.
Show/Hide fungerer bra til dynamisk endring av sidelayout basert på brekkpunkt sammen med HGrid
Show gjør det enklere å konsistent utføre layout-endringer ved konkrete brekkpunkt
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: