New-UDIcon

Sinossi

Icone FontAwesome 6.

Sintassi

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

Descrizione

Crea una nuova icona.

Parametri

-Id

L'ID di questo componente.

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

-Icon

L'icona da visualizzare. Si tratta di un nome di icona 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 se utilizzare una larghezza fissa.

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

-Inverse

Indica se invertire i colori dell'icona.

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

-Rotation

Il numero di gradi di rotazione dell'icona.

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

-ClassName

Nomi di classi CSS personalizzate da applicare all'icona.

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

-Transform

Una trasformazione CSS da applicare all'icona.

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

-Flip

Indica se capovolgere l'icona.

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

-Pull

Indica se capovolgere l'icona.

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 se l'icona deve ruotare.

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

-Border

Definisce il bordo per questa icona.

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

La dimensione dell'icona. I valori validi sono: "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

Uno stile CSS da applicare all'icona.

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

Il colore di questa icona.

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

-Solid

Utilizza lo stile di icona solido.

Required?                    false
Position?                    named
Default value                False
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: icona di base

New-UDIcon -Icon User -Id 'icon1'

Visualizza un'icona utente.

Esempio 2: dimensione dell'icona

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'
}

Visualizza icone di dimensioni diverse.

Esempio 3: icona ruotata

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

Ruota un'icona di 90 gradi.

Esempio 4: icona con bordo

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

Aggiunge un bordo a un'icona.

Esempio 5: colore

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

Aggiunge un colore a un'icona

Esempio 6: capovolgimento

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

Capovolge un'icona orizzontalmente.

Esempio 7: rotazione

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

Fa ruotare un'icona.

Esempio 8: pulsazione

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

Fa pulsare un'icona.

Esempio 9: set di icone personalizzato

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

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

Utilizza il set di icone css.gg.