Oculto

Alterne de forma rápida y responsiva el valor de visibilidad de los componentes y mucho más con las utilidades hidden.

Cómo funciona

Hidden funciona con un rango de puntos de ruptura, p. ej. xsUp o mdDown, o con uno o más puntos de ruptura, p. ej. -Only 'sm' o -Only @('md', 'xl'). Los rangos y los puntos de ruptura individuales pueden usarse simultáneamente para lograr un comportamiento muy personalizado. Los rangos incluyen los puntos de ruptura especificados.

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

smUp        |   show | hide
mdDown      |                     hide | show

Up

Al usar el parámetro -Up de cualquier punto de ruptura, los hijos indicados se ocultarán en o por encima del punto de ruptura.

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

Down

Al usar el parámetro -Down de cualquier punto de ruptura, los hijos indicados se ocultarán en o por debajo del punto de ruptura.

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

Only

Al usar el parámetro -Only del punto de ruptura, los hijos indicados se ocultarán en el punto o los puntos de ruptura especificados.

El parámetro -Only puede usarse de dos maneras:

• indicar un único punto de ruptura
• indicar una matriz de puntos de ruptura

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

API

• New-UDHidden