New-UDIcon

Sinopsis

Iconos de FontAwesome 6.

Sintaxis

New-UDIcon [-Id <String>] [-Icon <String>] [-FixedWidth] [-Inverse] [-Rotation <Int32>] [-ClassName <String>] [-Transform <String>] [-Flip <String>] [-Pull <String>] [-ListItem] [-Spin] [-Border] [-Beat] [-Fade] [-Bounce] [-BeatFade] [-Shake] [-Size <String>] [-Style <Hashtable>] [-Title <String>] [-Color <DashboardColor>] [-Solid] [<CommonParameters>]

New-UDIcon [-Id <String>] [-Children <ScriptBlock>] [-ClassName <String>] [-Style <Hashtable>] [<CommonParameters>]

Descripción

Crea un nuevo icono.

Parámetros

-Id

El ID de este componente.

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

-Icon

El icono que se mostrará. Es un nombre de icono de FontAwesome 6.

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

-Children

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

-FixedWidth

Indica si se debe usar un ancho fijo.

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

-Inverse

Indica si se deben invertir los colores del icono.

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

-Rotation

La cantidad de grados que se debe rotar el icono.

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

-ClassName

Nombres de clases CSS personalizadas que se aplicarán al icono.

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

-Transform

Una transformación CSS que se aplicará al icono.

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

-Flip

Indica si se debe voltear el icono.

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

-Pull

Indica si se debe voltear el icono.

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

-ListItem

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

-Spin

Indica si el icono debe girar.

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

-Border

Define el borde de este icono.

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

-Beat

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

-Fade

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

-Bounce

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

-BeatFade

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

-Shake

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

-Size

El tamaño del icono. Los valores válidos son: "xs", "sm", "lg", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"

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

-Style

Un estilo CSS que se aplicará al icono.

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

-Title

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

-Color

El color de este icono.

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

-Solid

Utiliza el estilo de icono sólido.

Required?                    false
Position?                    named
Default value                False
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 más información, consulte about_CommonParameters.

Salidas

Ejemplos

Ejemplo 1: icono básico

New-UDIcon -Icon User -Id 'icon1'

Muestra un icono de usuario.

Ejemplo 2: tamaño del icono

New-UDStack -Direction 'row' -Content {
   New-UDIcon -Icon 'AddressBook' -Size 'sm' -Id 'icon2'
   New-UDIcon -Icon 'AddressBook' -Size 'lg' -Id 'icon3'
   New-UDIcon -Icon 'AddressBook' -Size '5x' -Id 'icon4'
   New-UDIcon -Icon 'AddressBook' -Size '10x' -Id 'icon5'
}

Muestra iconos en distintos tamaños.

Ejemplo 3: icono rotado

New-UDIcon -Icon 'AddressBook' -Size '5x' -Rotation 90 -Id 'icon6'

Rota un icono 90 grados.

Ejemplo 4: icono con borde

New-UDIcon -Icon 'AddressBook' -Size '5x' -Border -Id 'icon7'

Añade un borde a un icono.

Ejemplo 5: color

New-UDIcon -Icon 'AddressBook' -Size '5x' -Color 'red' -Id 'icon8'

Añade un color a un icono

Ejemplo 6: voltear

New-UDIcon -Icon 'AddressBook' -Flip 'horizontal' -Size '5x' -Id 'icon9'

Voltea un icono horizontalmente.

Ejemplo 7: girar

New-UDIcon -Icon 'Spinner' -Spin -Size '5x' -Id 'icon10'

Hace girar un icono.

Ejemplo 8: pulsar

New-UDIcon -Icon 'Spinner' -Pulse -Size '5x' -Id 'icon11'

Hace pulsar un icono.

Ejemplo 9: conjunto de iconos personalizado

New-UDHelmet -Tag 'link' -Attributes @{
    href = 'https://css.gg/css'
    rel = 'stylesheet'
}

New-UDIcon -Children {
    New-UDHtml '<i class="gg-adidas"></i>'
}

Utiliza el conjunto de iconos css.gg.