New-UDFloatingActionButton

Sinopsis

Un botón de acción flotante (FAB) ejecuta la acción principal, o más habitual, de una pantalla.

Sintaxis

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

Descripción

Crea un nuevo botón de acción flotante. Los botones de acción flotantes son adecuados para acciones que tienen sentido para toda una página. Se pueden fijar en la parte inferior de una página.

Parámetros

-Id

El ID del componente. De forma predeterminada, es un GUID aleatorio.

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

-Icon

El icono que se coloca dentro del botón de acción flotante.

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

-Size

El tamaño del botón. Los valores válidos son: "small", "medium", "large"

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

-OnClick

Un bloque de script que se ejecuta al hacer clic en el botón de acción flotante.

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

-ClassName

Una clase CSS que se aplica al botón de acción flotante.

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

-Color

El color del tema que se aplica al botón. Los valores válidos son: "Default", "Primary", "Secondary"

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

-Position

La posición del botón de acción flotante. Los valores válidos son: "Relative", "BottomLeft", "BottomRight"

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

Salidas

Ejemplos

Ejemplo 1: botón de acción flotante básico

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

Crea un botón de acción flotante con un icono de usuario y muestra un aviso emergente al hacer clic.

Ejemplo 2: botón de acción flotante pequeño

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

Crea un botón de acción flotante pequeño con un icono de usuario y muestra un aviso emergente al hacer clic.

Ejemplo 3: posición

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

Crea un botón de acción flotante con un icono de usuario y muestra un aviso emergente al hacer clic. El botón se posiciona en la parte inferior derecha del contenedor del botón.