New-UDFloatingActionButton

Sinossi

Un Floating Action Button (FAB) esegue l'azione principale, o più comune, di una schermata.

Sintassi

New-UDFloatingActionButton [[-Id] <String>] [[-Icon] <Object>] [[-Size] <String>] [[-OnClick] <Endpoint>] [[-ClassName] <String>] [[-Color] <String>] [[-Position] <String>] [<CommonParameters>]

Descrizione

Crea un nuovo floating action button. I floating action button sono adatti per azioni che hanno senso per un'intera pagina. Possono essere fissati in fondo a una pagina.

Parametri

-Id

L'ID del componente. Per impostazione predefinita è un GUID casuale.

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

-Icon

L'icona da inserire all'interno del floating action button.

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

-Size

La dimensione del pulsante. I valori validi sono: "small", "medium", "large"

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

-OnClick

Un blocco di script da eseguire quando si fa clic sul floating action button.

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

-ClassName

Una classe CSS da applicare al floating action button.

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

-Color

Il colore del tema da applicare al pulsante. I valori validi sono: "Default", "Primary", "Secondary"

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

-Position

La posizione del floating action button. I valori validi sono: "Relative", "BottomLeft", "BottomRight"

Required?                    false
Position?                    7
Default value                BottomRight
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, consulti about_CommonParameters.

Output

Esempi

Esempio 1: floating action button di base

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab1' -Position Relative

Crea un floating action button con un'icona utente e mostra un toast quando si fa clic.

Esempio 2: floating action button piccolo

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -Size Small -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab2' -Position Relative

Crea un floating action button piccolo con un'icona utente e mostra un toast quando si fa clic.

Esempio 3: posizione

New-UDFloatingActionButton -Icon (New-UDIcon -Icon 'user') -Position BottomRight -OnClick {
   Show-UDToast -Message 'Hello'
} -Id 'fab3'

Crea un floating action button con un'icona utente e mostra un toast quando si fa clic. Il pulsante è posizionato in basso a destra nel contenitore del pulsante.