Masqué

Basculez rapidement et de façon réactive la valeur de visibilité des composants et plus encore avec les utilitaires hidden.

Fonctionnement

Hidden fonctionne avec une plage de points de rupture, par exemple xsUp ou mdDown, ou avec 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 incluent les 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 de 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 de 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 du point de rupture, les enfants donnés seront masqués au(x) point(s) de rupture spécifié(s).

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

• lister un seul point de rupture
• lister 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