Nascosto

Attivi e disattivi rapidamente e in modo responsive il valore di visibilità dei componenti e altro ancora con le utilità hidden.

Come funziona

Hidden funziona con un intervallo di breakpoint, ad esempio xsUp o mdDown, oppure con uno o più breakpoint, ad esempio -Only 'sm' o -Only @('md', 'xl'). Gli intervalli e i singoli breakpoint possono essere utilizzati contemporaneamente per ottenere un comportamento altamente personalizzato. Gli intervalli includono i breakpoint specificati.

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

smUp        |   show | hide
mdDown      |                     hide | show

Up

Utilizzando il parametro -Up di un qualsiasi breakpoint, gli elementi figlio indicati verranno nascosti al di sopra o in corrispondenza del breakpoint.

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

Down

Utilizzando il parametro -Down di un qualsiasi breakpoint, gli elementi figlio indicati verranno nascosti al di sotto o in corrispondenza del breakpoint.

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

Only

Utilizzando il parametro -Only del breakpoint, gli elementi figlio indicati verranno nascosti in corrispondenza del o dei breakpoint specificati.

Il parametro -Only può essere utilizzato in due modi:

• indicando un singolo breakpoint
• indicando un array di breakpoint

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

API

• New-UDHidden