New-UDTypography

Sinossi

Typography consente di configurare e visualizzare il testo.

Sintassi

New-UDTypography [-Id <String>] [-Variant <String>] [[-Text] <String>] [-Style <Hashtable>] [-ClassName <String>] [-Align <String>] [-GutterBottom] [-NoWrap] [-Truncate] [-FontWeight <String>] [-Sx <Hashtable>] [<CommonParameters>]

New-UDTypography [-Id <String>] [-Variant <String>] [-Content <ScriptBlock>] [-Style <Hashtable>] [-ClassName <String>] [-Align <String>] [-GutterBottom] [-NoWrap] [-Truncate] [-FontWeight <String>] [-Sx <Hashtable>] [<CommonParameters>]

Descrizione

Crea una typography. Typography consente di configurare il testo all'interno di una dashboard.

Parametri

-Id

L'ID del componente. Per impostazione predefinita è un GUID casuale.

Required?                    false
Position?                    named
Default value                ([Guid]::NewGuid()).ToString()
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Variant

Il tipo di testo da visualizzare.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Text

Il testo da formattare.

Required?                    false
Position?                    1
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Content

Il contenuto da formattare.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Style

Un insieme di stili CSS da applicare alla typography.

Required?                    false
Position?                    named
Default value                @{}
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ClassName

Un className CSS da applicare alla typography.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Align

Come allineare la typography.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-GutterBottom

Il margine inferiore (gutter).

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-NoWrap

Disabilita l'a capo automatico del testo.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Truncate

Disabilita l'a capo automatico del testo e aggiunge i puntini di sospensione in caso di overflow.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-FontWeight

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Sx

Hashtable di stile basata sul tema.

Required?                    false
Position?                    named
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Parametri comuni

Questo cmdlet supporta i parametri comuni: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable e OutVariable. Per maggiori informazioni, veda about_CommonParameters.

Output

Esempi

Esempio 1: Typography di base

New-UDTypography -Text "Hello World" -Variant "h1" -Id "typography1"

Un componente typography di base che visualizza un'intestazione.

Esempio 2: Typography con stile

New-UDTypography -Text "Hello World" -Variant "h1" -Style @{color = "red"} -Id "typography2"

Un componente typography che visualizza un'intestazione di colore rosso.

Esempio 3: allineamento

New-UDTypography -Text "Hello World" -Id "typography3" -Align "center"

Un componente typography che viene visualizzato con allineamento centrato.

Esempio 4: gutter bottom

New-UDTypography -Text "Hello World" -Id "typography4" -GutterBottom

Un componente typography che viene visualizzato con uno spazio sotto il testo.

Esempio 5: no wrap

New-UDTypography -Text "Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!" -Id "typography5" -NoWrap

Un componente typography che viene visualizzato senza a capo automatico.

Esempio 6: font weight

New-UDTypography -Text "Hello World" -Id "typography6" -FontWeight "bold"

Un componente typography che viene visualizzato con carattere in grassetto.

Esempio 7: Sx

New-UDTypography -Text "Hello World" -Id "typography11" -Sx @{color = "red"}

Un componente typography che viene visualizzato con colore rosso utilizzando la proprietà sx del tema.

Esempio 8: contenuto

New-UDTypography -Id "typography12" -Content {
    New-UDButton -Text "Click Me" -Id "button1"
}

Un componente typography che viene visualizzato con un pulsante al suo interno.

Esempio 9: varianti

@("h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2",  "caption", "button", "overline", "srOnly", "inherit",  "display4", "display3", "display2", "display1", "headline", "title", "subheading") | ForEach-Object {
      New-UDTypography -Variant $_ -Text $_ -GutterBottom
      New-UDElement -Tag 'p' -Content {}
}

Un componente typography che visualizza tutte le varianti.