Masqué

Activez et désactivez rapidement et de manière responsive la visibilité des composants et plus encore grâce aux utilitaires hidden.

Fonctionnement

Hidden fonctionne avec une plage de points de rupture, par exemple xsUp ou mdDown, ou un ou plusieurs points de rupture, par exemple -Only 'sm' ou -Only @('md', 'xl'). Les plages et les points de rupture individuels peuvent être utilisés simultanément pour obtenir un comportement très personnalisé. Les plages sont inclusives des points de rupture spécifiés.

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

smUp        |   show | hide
mdDown      |                     hide | show

Up

En utilisant le paramètre -Up avec n'importe quel point de rupture, les enfants donnés seront masqués à ou au-dessus du point de rupture.

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

Down

En utilisant le paramètre -Down avec n'importe quel point de rupture, les enfants donnés seront masqués à ou en dessous du point de rupture.

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

Only

En utilisant le paramètre -Only, les enfants donnés seront masqués à ce(s) point(s) de rupture spécifié(s).

Le paramètre -Only peut être utilisé de deux façons :

• spécifier un seul point de rupture
• spécifier un tableau de points de rupture

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

API

• New-UDHidden