Scripts/New-UDTyping.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-UDTyping {
    param(
        [Parameter()]
        [string]$Id = (New-Guid).ToString(),
        [Parameter()]
        [string]$Text,
        [Parameter()]
        [UniversalDashboard.Models.FontAwesomeIcons]$Icon,
        [Parameter()]
        [string]$BackgroundColor = "#ccc",
        [Parameter()]
        [string]$TextColor = "#000",
        [Parameter()]
        [int]$Delay = 1000,
        [Parameter()]
        [int]$BorderRadius = 4,
        [Parameter()]
        [int]$PaddingLeft = 10

    )

    if ($PSBoundParameters.ContainsKey("Icon")) {
        $IconName = [UniversalDashboard.Models.FontAwesomeIconsExtensions]::GetIconName($Icon)
    }


    @{
        # 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-Typing"
        # 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.
        text            = $Text
        icon            = $IconName
        backgroundColor = $BackgroundColor
        color           = $TextColor
        ms              = $Delay
        paddingLeft     = $PaddingLeft
        borderRadius    = $BorderRadius

    }
}