New-UDSlider

Sinopsis

Un componente deslizante.

Sintaxis

New-UDSlider [[-Id] <String>] [[-Value] <Int32[]>] [[-Minimum] <Int32>] [[-Maximum] <Int32>] [-Disabled] [-Marks] [[-OnChange] <Endpoint>] [[-Orientation] <String>] [[-Step] <Int32>] [[-ValueLabelDisplay] <String>] [[-ClassName] <String>] [[-Color] <String>] [<CommonParameters>]

Descripción

Un componente deslizante. Los deslizadores pueden utilizarse para definir valores dentro de un rango o para seleccionar un rango de valores. Puede utilizar este componente con New-UDForm.

Parámetros

-Id

El ID de este componente.

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

-Value <Int32[]>

El valor del deslizador.

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

-Minimum

El valor mínimo del deslizador.

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

-Maximum

El valor máximo del deslizador.

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

-Disabled

Si el deslizador está deshabilitado.

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

-Marks

Si se muestran marcas en el deslizador.

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

-OnChange

Un bloque de script que se invoca cuando cambia el valor del deslizador. Puede acceder al valor del deslizador dentro del bloque de script haciendo referencia a la variable $EventData.

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

-Orientation

La orientación del deslizador.

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

-Step

Tamaño de paso del deslizador.

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

-ValueLabelDisplay

Si se muestran las etiquetas de valor.

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

-ClassName

Una clase CSS que se aplica al deslizador.

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

-Color

El color del deslizador. El valor predeterminado es 'primary'. Valores válidos: "primary", "secondary"

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

Salidas

Ejemplos

Ejemplo 1: deslizador básico

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -OnChange {
   Show-UDToast -Message "Slider value changed to $($EventData.value)"
} -Id 'slider1'

Crea un deslizador básico.

Ejemplo 2: deslizador con marcas

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Marks -OnChange {
   Show-UDToast -Message "Slider value changed to $($EventData.value)"
} -Id 'slider2'

Crea un deslizador con marcas.

Ejemplo 3: deslizador vertical

New-UDElement -Tag 'div' -Content {
   New-UDSlider -Orientation vertical -Id 'slider3'
} -Attributes @{
   style = @{
       height = '200px'
   }
}

Crea un deslizador vertical.

Ejemplo 4: deslizador deshabilitado

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Disabled -Id 'slider4'

Crea un deslizador deshabilitado.

Ejemplo 5: deslizador con etiquetas de valor

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -ValueLabelDisplay on -Id 'slider5'

Crea un deslizador con etiquetas de valor.

Ejemplo 6: deslizador con paso

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Step 10 -Id 'slider6'

Crea un deslizador con un tamaño de paso de 10.