New-UDFloatingActionButton

Résumé

Un bouton d'action flottant (FAB) exécute l'action principale, ou la plus courante, d'un écran.

Syntaxe

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

Description

Crée un nouveau bouton d'action flottant. Les boutons d'action flottants conviennent bien aux actions qui ont du sens pour une page entière. Ils peuvent être épinglés au bas d'une page.

Paramètres

-Id

L'ID du composant. Sa valeur par défaut est un GUID aléatoire.

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

-Icon

L'icône à placer dans le bouton d'action flottant.

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

-Size

La taille du bouton. Les valeurs valides sont : « small », « medium », « large »

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

-OnClick

Un bloc de script à exécuter lorsque le bouton d'action flottant est cliqué.

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

-ClassName

Une classe CSS à appliquer au bouton d'action flottant.

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

-Color

La couleur du thème à appliquer au bouton. Les valeurs valides sont : « Default », « Primary », « Secondary »

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

-Position

La position du bouton d'action flottant. Les valeurs valides sont : « Relative », « BottomLeft », « BottomRight »

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

Paramètres communs

Cette applet de commande prend en charge les paramètres communs : Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable et OutVariable. Pour plus d'informations, consultez about_CommonParameters.

Sorties

Exemples

Exemple 1 : Bouton d'action flottant de base

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

Crée un bouton d'action flottant avec une icône d'utilisateur et affiche une notification lorsqu'il est cliqué.

Exemple 2 : Petit bouton d'action flottant

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

Crée un petit bouton d'action flottant avec une icône d'utilisateur et affiche une notification lorsqu'il est cliqué.

Exemple 3 : Position

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

Crée un bouton d'action flottant avec une icône d'utilisateur et affiche une notification lorsqu'il est cliqué. Le bouton est positionné dans le coin inférieur droit du conteneur du bouton.