Build your own with New-UDElement
Custom HTML is already possible using New-UDHtml. The downside to this cmdlet is that it accepts only a string so it because very fragile and hard to read. Now, with New-UDElement, you can define the tags in a structured manner. The second benefit is that New-UDElement generates React components so the UI can be rendered in a much more efficient manner.
Here’s an example of creating a Material Design collection with New-UDElement. There is currently no cmdlet for collections in UD but one could be created with this type of code.
This would look something like this in UD.
A full detailed blog post is coming but an open-source version is already available on GitHub.
The First Open Source Component: UDSparklines
Sparklines are simple, little charts that display counts of data using various chart types. It’s intended to be easier to use than the current ChartJS implementation but doesn’t offer as many features.
UDSparklines uses react-sparklines to generate sparklines in the browser.
Using UDSparklines in your dashboard
UDSparklines is just a module on the PowerShell Gallery that you can install and import into your dashboard. Install the UniversalDashboard.Sparklines module using Install-Module. After it’s installed, you can create new sparklines in your dashboard.
If you open your browser, you’ll see some cute little charts.
There is also an active discussion about the direction of Custom Components in Universal Dashboard on GitHub. Feel free to join in!