New-UDButtonGroup

Sinopsis

Crea un nuevo grupo de botones.

Sintaxis

New-UDButtonGroup [[-Id] <String>] [[-Children] <ScriptBlock>] [[-ClassName] <String>] [[-Color] <Object>] [-Disabled] [-FullWidth] [[-Orientation] <String>] [[-Size] <String>] [[-Sx] <Hashtable>] [[-Variant] <String>] [<CommonParameters>]

Descripción

Crea un grupo de botones. Utilice New-UDButtonGroupItem para añadir nuevos elementos al grupo.

Parámetros

-Id

El ID del componente. Su valor predeterminado es un GUID aleatorio.

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

-Children

Los elementos del grupo.

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

-ClassName

Una clase CSS que aplicar al grupo de botones.

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

-Color

El color del grupo de botones. Los valores válidos son: "primary", "secondary", "success", "warning", "error", "success", "info"

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

-Disabled

Deshabilita el grupo de botones.

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

-FullWidth

Hace que el grupo de botones ocupe todo el ancho.

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

-Orientation

La orientación del grupo de botones. Los valores válidos son: "horizontal", "vertical"

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

-Size

El tamaño del grupo de botones. Los valores válidos son: "small", "medium", "large"

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

-Sx

Una tabla hash de estilos que aplicar a este componente.

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

-Variant

La variante del grupo de botones. Los valores válidos son: "contained", "outlined", "text"

Required?                    false
Position?                    8
Default value                outlined
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: grupo de botones básico

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
}

El grupo de botones ofrece dos elementos.

Ejemplo 2: color

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Color 'success'

Puede utilizar el parámetro -Color para cambiar el color del grupo de botones.

Ejemplo 3: vertical

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Orientation 'vertical'

Puede utilizar el parámetro -Orientation para cambiar la orientación del grupo de botones.

Ejemplo 4: tamaño

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'small'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'medium'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Size 'large'

Puede utilizar el parámetro -Size para cambiar el tamaño del grupo de botones.

Ejemplo 5: variante

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'contained'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'outlined'
New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Variant 'text'

Puede utilizar el parámetro -Variant para cambiar la variante del grupo de botones.

Ejemplo 6: deshabilitado

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -Disabled

Puede utilizar el parámetro -Disabled para deshabilitar el grupo de botones.

Ejemplo 7: FullWidth

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete'
    New-UDButtonGroupItem -Text 'Copy'
} -FullWidth

Puede utilizar el parámetro -FullWidth para que el grupo de botones ocupe todo el ancho.

Ejemplo 8: icono

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete' -Icon (New-UDIcon -Icon 'trash')
    New-UDButtonGroupItem -Text 'Copy'  -Icon (New-UDIcon -Icon 'copy')
}

Puede utilizar el parámetro -Icon para añadir un icono al elemento del grupo de botones.

Ejemplo 9: carga

New-UDButtonGroup -Content {
    New-UDButtonGroupItem -Text 'Delete' -Icon (New-UDIcon -Icon 'trash') -ShowLoading -OnClick {
       Start-Sleep -Seconds 5
    }
    New-UDButtonGroupItem -Text 'Copy'  -Icon (New-UDIcon -Icon 'copy')
}

Puede utilizar el parámetro -ShowLoading para mostrar un indicador de carga cuando se hace clic en el botón.