Hidden

Schalten Sie den Sichtbarkeitswert von Komponenten und mehr schnell und responsiv mit den Hidden-Hilfsmitteln um.

Wie es funktioniert

Hidden funktioniert mit einem Bereich von Breakpoints, z. B. xsUp oder mdDown, oder mit einem oder mehreren Breakpoints, z. B. -Only 'sm' oder -Only @('md', 'xl'). Bereiche und einzelne Breakpoints können gleichzeitig verwendet werden, um ein sehr individuelles Verhalten zu erzielen. Die Bereiche schließen die angegebenen Breakpoints ein.

innerWidth  |xs      sm       md       lg       xl
            |--------|--------|--------|--------|-------->
width       |   xs   |   sm   |   md   |   lg   |   xl

smUp        |   show | hide
mdDown      |                     hide | show

Up

Bei Verwendung eines beliebigen Breakpoint-Parameters -Up werden die angegebenen Children ab oder oberhalb des Breakpoints ausgeblendet.

New-UDHidden -Up xl -Content {
    New-UDTypography 'xl'
}

Down

Bei Verwendung eines beliebigen Breakpoint-Parameters -Down werden die angegebenen Children ab oder unterhalb des Breakpoints ausgeblendet.

New-UDHidden -Down xs -Content {
    New-UDTypography 'xs'
}

Only

Bei Verwendung des Breakpoint-Parameters -Only werden die angegebenen Children bei dem bzw. den angegebenen Breakpoint(s) ausgeblendet.

Der Parameter -Only kann auf zwei Arten verwendet werden:

• Angabe eines einzelnen Breakpoints
• Angabe eines Arrays von Breakpoints

New-UDHidden -Only 'sm' -Content {
    New-UDTypography 'sm'
}
New-UDHidden -Only @('sm', 'xl') -Content {
    New-UDTypography 'sm,xl'
}

API

• New-UDHidden