New-UDIcon

Übersicht

FontAwesome 6-Symbole.

Syntax

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

Beschreibung

Erstellt ein neues Symbol.

Parameter

-Id

Die ID dieser Komponente.

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

-Icon

Das anzuzeigende Symbol. Dies ist ein FontAwesome 6-Symbolname.

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

Ob eine feste Breite verwendet werden soll.

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

-Inverse

Ob die Farben des Symbols invertiert werden sollen.

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

-Rotation

Die Anzahl der Grad, um die das Symbol gedreht werden soll.

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

-ClassName

Benutzerdefinierte CSS-Klassennamen, die auf das Symbol angewendet werden sollen.

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

-Transform

Eine CSS-Transformation, die auf das Symbol angewendet werden soll.

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

-Flip

Ob das Symbol gespiegelt werden soll.

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

-Pull

Ob das Symbol gespiegelt werden soll.

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

Ob sich das Symbol drehen soll.

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

-Border

Definiert den Rahmen für dieses Symbol.

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

Die Größe des Symbols. Gültige Werte sind: "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

Ein CSS-Stil, der auf das Symbol angewendet werden soll.

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

Die Farbe dieses Symbols.

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

-Solid

Verwendet den soliden Symbolstil.

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

Allgemeine Parameter

Dieses Cmdlet unterstützt die allgemeinen Parameter: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable und OutVariable. Weitere Informationen finden Sie unter about_CommonParameters.

Ausgaben

Beispiele

Beispiel 1: Einfaches Symbol

New-UDIcon -Icon User -Id 'icon1'

Zeigt ein Benutzersymbol an.

Beispiel 2: Symbolgröße

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

Zeigt Symbole in verschiedenen Größen an.

Beispiel 3: Gedrehtes Symbol

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

Dreht ein Symbol um 90 Grad.

Beispiel 4: Symbol mit Rahmen

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

Fügt einem Symbol einen Rahmen hinzu.

Beispiel 5: Farbe

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

Fügt einem Symbol eine Farbe hinzu

Beispiel 6: Spiegeln

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

Spiegelt ein Symbol horizontal.

Beispiel 7: Drehen

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

Lässt ein Symbol rotieren.

Beispiel 8: Pulsieren

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

Lässt ein Symbol pulsieren.

Beispiel 9: Benutzerdefinierter Symbolsatz

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

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

Verwendet den Symbolsatz css.gg.