New-UDTypography

Sinopsis

La tipografía le permite configurar y mostrar texto.

Sintaxis

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>]

Descripción

Crea tipografía. La tipografía le permite configurar el texto dentro de un panel.

Parámetros

-Id

El ID del componente. De forma predeterminada, es un GUID aleatorio.

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

-Variant

El tipo de texto que se va a mostrar.

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

-Text

El texto que se va a formatear.

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

-Content

El contenido que se va a formatear.

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

-Style

Un conjunto de estilos CSS que se aplicarán a la tipografía.

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

-ClassName

Un className CSS que se aplicará a la tipografía.

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

-Align

Cómo alinear la tipografía.

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

-GutterBottom

El margen inferior.

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

-NoWrap

Desactiva el ajuste de texto.

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

-Truncate

Desactiva el ajuste de texto y añade puntos suspensivos para el desbordamiento.

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

Tabla hash de estilos basada en el tema.

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

Parámetros comunes

Este cmdlet admite los parámetros comunes: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable y OutVariable. Para obtener más información, consulte about_CommonParameters.

Salidas

Ejemplos

Ejemplo 1: tipografía básica

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

Un componente de tipografía básico que muestra un encabezado.

Ejemplo 2: tipografía con estilo

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

Un componente de tipografía que muestra un encabezado de color rojo.

Ejemplo 3: alineación

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

Un componente de tipografía que se muestra con alineación centrada.

Ejemplo 4: margen inferior

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

Un componente de tipografía que se muestra con un espacio debajo del texto.

Ejemplo 5: sin ajuste de texto

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 de tipografía que se muestra sin ajuste de texto.

Ejemplo 6: grosor de fuente

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

Un componente de tipografía que se muestra con un grosor de fuente en negrita.

Ejemplo 7: sx

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

Un componente de tipografía que se muestra de color rojo mediante la propiedad sx del tema.

Ejemplo 8: contenido

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

Un componente de tipografía que se muestra con un botón dentro.

Ejemplo 9: variantes

@("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 de tipografía que muestra todas las variantes.