New-UDStyle

Sinopsis

Aplicar estilos CSS a un componente.

Sintaxis

New-UDStyle [-Id <String>] -Style <String> [-Tag <String>] [-Content <ScriptBlock>] [<CommonParameters>]

New-UDStyle [-Id <String>] -Sx <Hashtable> [-Component <String>] [-Tag <String>] [-Content <ScriptBlock>] [<CommonParameters>]

Descripción

Aplicar estilos CSS a un componente.

Parámetros

-Id

El ID de este componente.

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

-Style

El estilo CSS que se va a aplicar

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

-Sx

Una tabla hash de propiedades CSS compatibles con el tema.

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

-Component

El componente raíz al que se aplicará el componente Sx.

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

-Tag

La etiqueta HTML exterior que se va a utilizar.

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

-Content

El contenido de este estilo.

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: estilo

New-UDStyle -Style 'color: red; background-color: black' -Content {
   New-UDTypography -Text "This is red"
}

Aplicar un estilo CSS a un componente.

[Component("Style", "Css3", "Creates a new card.")]