Scripts/New-UDSkillBar.ps1

<#
.SYNOPSIS
    Sample control for UniversalDashboard.
.DESCRIPTION
    Sample control function for UniversalDashboard. This function must have an ID and return a hash table.
.PARAMETER Id
    An id for the component default value will be generated by new-guid.
.EXAMPLE
    PS C:\> <example usage>
    Explanation of what the example does
.INPUTS
    Inputs (if any)
.OUTPUTS
    Output (if any)
.NOTES
    General notes
#>

function New-UDSkillBar {
    param(
        [Parameter()]
        [string]$Id = (New-Guid).ToString(),
        [Parameter()]
        [scriptblock]$Skills,
        [Parameter()]
        [string]$BarColor = "#0C6291",
        [Parameter()]
        [string]$TextColor = "#FBFEF9",
        [Parameter()]
        [string]$BackgroundColor = "#A63446",
        [Parameter()]
        [int]$AnimationDelay = 3000,
        [Parameter()]
        [int]$AnimationDuration = 7000,
        [Parameter()]
        [int]$Height = 30

    )

    End {

        @{
            # The AssetID of the main JS File
            assetId           = $AssetId
            # Tell UD this is a plugin
            isPlugin          = $true
            # This ID must be the same as the one used in the JavaScript to register the control with UD
            type              = "UD-SkillBar"
            # An ID is mandatory
            id                = $Id

            # This is where you can put any other properties. They are passed to the React control's props
            # The keys are case-sensitive in JS.
            skills            = [array]$Skills.invoke()
            bar               = $BarColor
            text              = $TextColor
            background        = $BackgroundColor
            animationDelay    = $AnimationDelay
            animationDuration = $AnimationDuration
            height            = $Height
        }

    }
}