Install 

Save-Module Universal.Components.Loader -Path $Env:ProgramData\UniversalAutomation\Repository\Modules

The above command assumes you are running with default settings. You can also install modules from within the PowerShell Universal admin console by clicking Platform \ Modules. Click here for more information about installing PowerShell Universal modules.

Version

0.0.1

Last Updated

Monday, 28 August 2023

Tags

PowerShellUniversal App Loader

Author

Ironman Software

Project Page License

PowerShell Universal App Recharts

23 loader components built on react-spinners for PowerShell Universal Apps.

Installation

You can install this component as a PowerShell module using PowerShellGet or via PowerShell Universal.

Install-Module Universal.Components.Loader

Usage

  New-UDLayout -Columns 4 -Content {
      @(   
          New-UDLoader -Bar -Style @{ position = 'relative' }
          New-UDLoader -Beat -Style @{ position = 'relative' }
          New-UDLoader -Bounce -Style @{ position = 'relative' }
          New-UDLoader -Circle  -Style @{ position = 'relative' }
          New-UDLoader -ClimbingBox -Style @{ position = 'relative' }
          New-UDLoader -Clip -Style @{ position = 'relative' }
          New-UDLoader -Clock -Style @{ position = 'relative' }
          New-UDLoader -Dot -Style @{ position = 'relative' }
          New-UDLoader -Fade -Style @{ position = 'relative' }
          New-UDLoader -Grid -Style @{ position = 'relative' }
          New-UDLoader -Hash -Style @{ position = 'relative' }
          New-UDLoader -Moon -Style @{ position = 'relative' }
          New-UDLoader -Pacman -Style @{ position = 'relative' }
          New-UDLoader -Propagate -Style @{ position = 'relative' }
          New-UDLoader -Puff -Style @{ position = 'relative' }
          New-UDLoader -Pulse -Style @{ position = 'relative' }
          New-UDLoader -Ring -Style @{ position = 'relative' }
          New-UDLoader -Rotate -Style @{ position = 'relative' }
          New-UDLoader -Scale -Style @{ position = 'relative' }
          New-UDLoader -Skew -Style @{ position = 'relative' }
          New-UDLoader -Square -Style @{ position = 'relative' }
          New-UDLoader -Sync -Style @{ position = 'relative' }
      ) | ForEach-Object {
          New-UDElement -Content { $_ } -Tag 'div' -Attributes @{
              style = @{
                  height = "50px"
              }
          }
      }
  }

Development

You will need NodeJS version 16.13.2 and the InvokeBuild module installed to build this module.

You can run Invoke-Build within this directory to build this component.

Invoke-Build

The output will be found within the output folder.