Infsoft.WPE.App.UIComponents 0.0.100

Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
dotnet add package Infsoft.WPE.App.UIComponents --version 0.0.100
                    
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 0.0.100
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Infsoft.WPE.App.UIComponents" Version="0.0.100" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Infsoft.WPE.App.UIComponents" Version="0.0.100" />
                    
Directory.Packages.props
<PackageReference Include="Infsoft.WPE.App.UIComponents" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Infsoft.WPE.App.UIComponents --version 0.0.100
                    
#r "nuget: Infsoft.WPE.App.UIComponents, 0.0.100"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Infsoft.WPE.App.UIComponents@0.0.100
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Infsoft.WPE.App.UIComponents&version=0.0.100
                    
Install as a Cake Addin
#tool nuget:?package=Infsoft.WPE.App.UIComponents&version=0.0.100
                    
Install as a Cake Tool

Workplace Experience (WPE 3.0) Components Library for UI

This library contains common components used for displaying data.

Managers

Name Description File
IMouseManager.cs Can be used to subscribe to mouse click events and retrieve information about clicked dom elements Link
IScreenSizeManager.cs Can be used to subscribe to window size changes Link

Helpers

Name Description File
DelayedCallHelper.cs Can be used to delay changes Link
InputDebounceHelper.cs Can be used to delay string inputs from input fields Link

Components

Atoms

Name Figma Component File
Meta_List_Item.razor atoms/meta-list-item Link
Selection_List_Item.razor atoms/selection-list-item Link
Searchbar.razor atoms/searchbar Link
Nav_Tab.razor atoms/nav-tab Link
Link_Indicator.razor atoms/link-indicator Link
Buttons
Name Figma Component File
Buttons.razor atoms/button Link
Primary_Button.razor atoms/button (Primary) Link
Secondary_Button.razor atoms/button (Secondary) Link
Tertiary_Button.razor atoms/button (Tertiary) Link
Cards
Name Figma Component File
Card_Pageable_Content.razor - Link
Card_Pageable_Content_Loading.razor - Link
Page_Indicator.razor atoms/pageindicator Link
Page_Indicator_Header.razor - Link
Show_More.razor atoms/cards/show-more Link
Tiles
Name Figma Component File
Tile.razor - Link
Empty_Tile_Content.razor - Link
Error_Tile_Content.razor - Link
Forms
Name Figma Component File
Form_Dropdown_Selection.razor atoms/form/dropdown Link
Form_Number_Picker.razor - Link

General

Name Figma Component File
Icon.razor - Link
SwipeComponents
Name Figma Component File
Swipe_Component.razor - Link
Swipe_Component_Page.razor - Link
Login
Name Figma Component File
Login_Option_Button.razor - Link
Login_Selection_Overlay.razor - Link
Texts
Name Figma Component File
Text.razor - Link
Text_Bold.razor - Link
Text_Display.razor - Link
Text_ExtraBold.razor - Link
Text_Regular.razor - Link
Text_Uppercase.razor - Link

Ions

Name Figma Component File
Serp_Image_Icon.razor ions/serp-img (Icon) Link
Serp_Image_Round.razor ions/serp-img (Round image) Link
Serp_Image_Rect.razor ions/serp-img (Rectangle image) Link
Radio.razor ions/radio Link
Checkbox.razor ions/checkbox Link
Labels
Name Figma Component File
Label.razor ions/label Link
Label_Availability.razor ions/label (Free & Occupied) Link
Label_Brand.razor ions/label (Brand) Link
Label_Grey.razor ions/label (Grey) Link
Label_Outline.razor ions/label (Outline) Link
Label_Parking.razor ions/label-parking Link

Molecules

Name Figma Component File
List_Item.razor molecules/list-item Link
Dropdown_Body.razor molecules/dropdown-body Link
Forms
Name Figma Component File
Form_Dropdown.razor molecules/form/dropdown Link
Form_Slider.razor molecules/form/slider Link
Form_DateOnly.razor - Link
Form_TimeOnly.razor - Link
Form_DateTime.razor - Link
Form_Text.razor - Link
Form_Toggle_Button.razor - Link
FunctionButtons
Name Figma Component File
Function_Button.razor - Link
Function_Buttons_Horizontal_Scroll.razor molecules/function-buttons-horizontal-scroll Link

Organsims

Name Figma Component File
Nav_Entry_Slider.razor organisms/nav-entry-slider Link

Listeners

Allows to detect user interaction on the UI. E.g. detecting swipe gestures on mobile screens.

Setup

Add this at the very end of MainLayout:

<UIComponents />

Add this to Program.cs:

using Infsoft.WPE.App.UIComponents;
...
builder.Services.AddUIComponents();
Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 was computed.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Infsoft.WPE.App.UIComponents:

Package Downloads
Infsoft.WPE.App.Layout.Dashboard

Provides components to integrate the dashboard app layout

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.3.65 0 12/11/2025
0.3.64 0 12/11/2025
0.3.63 0 12/11/2025
0.3.62 183 11/24/2025
0.3.61 342 11/21/2025
0.3.60 211 11/6/2025
0.3.59 202 11/6/2025
0.3.58 189 11/6/2025
0.3.57 147 11/1/2025
0.3.56 162 10/31/2025
0.3.55 215 10/30/2025
0.3.54 185 10/30/2025
0.3.53 180 10/30/2025
0.3.52 183 10/27/2025
0.3.51 173 10/27/2025
0.3.50 180 10/23/2025
0.3.49 184 10/21/2025
0.3.48 175 10/20/2025
0.3.47 173 10/16/2025
0.3.46 170 10/13/2025
0.3.45 181 10/9/2025
0.3.44 160 10/9/2025
0.3.43 190 10/2/2025
0.3.42 189 10/2/2025
0.3.41 176 10/2/2025
0.3.40 187 9/24/2025
0.3.39 170 9/24/2025
0.3.38 187 9/23/2025
0.3.37 214 9/22/2025
0.3.36 302 9/18/2025
0.3.35 306 9/17/2025
0.3.34 192 9/1/2025
0.3.33 234 8/28/2025
0.3.32 244 8/26/2025
0.3.31 243 8/26/2025
0.3.30 249 8/26/2025
0.3.29 327 8/25/2025
0.3.28 130 8/22/2025
0.3.27 167 8/21/2025
0.3.24 174 8/20/2025
0.3.23 172 8/20/2025
0.3.22 165 8/20/2025
0.3.21 181 8/20/2025
0.3.20 167 8/20/2025
0.3.19 169 8/20/2025
0.3.18 170 8/19/2025
0.3.17 183 8/19/2025
0.3.16 269 8/13/2025
0.3.15 265 8/6/2025
0.3.14 103 8/1/2025
0.3.13 174 7/28/2025
0.3.12 152 7/28/2025
0.3.11 142 7/28/2025
0.3.10 552 7/23/2025
0.3.9 145 7/18/2025
0.3.8 248 6/26/2025
0.3.7 191 6/26/2025
0.3.6 176 6/25/2025
0.3.5 169 6/25/2025
0.3.4 187 6/24/2025
0.3.3 171 6/23/2025
0.3.2 197 6/16/2025
0.3.1 346 6/12/2025
0.3.0 336 6/11/2025
0.2.60 324 6/11/2025
0.2.59 257 6/2/2025
0.2.58 210 5/28/2025
0.2.57 260 5/27/2025
0.2.56 315 5/22/2025
0.2.55 315 5/21/2025
0.2.54 193 5/20/2025
0.2.53 285 5/5/2025
0.2.52 207 4/25/2025
0.2.51 600 4/24/2025
0.2.50 380 4/22/2025
0.2.49 274 4/16/2025
0.2.48 238 4/16/2025
0.2.47 246 4/16/2025
0.2.46 232 4/15/2025
0.2.45 244 4/15/2025
0.2.44 240 4/15/2025
0.2.43 238 4/15/2025
0.2.42 415 4/11/2025
0.2.41 247 4/10/2025
0.2.39 772 4/9/2025
0.2.38 494 4/4/2025
0.2.37 181 4/4/2025
0.2.36 165 4/4/2025
0.2.35 169 4/4/2025
0.2.34 238 4/3/2025
0.2.33 208 4/3/2025
0.2.32 305 4/2/2025
0.2.31 227 4/1/2025
0.2.30 189 4/1/2025
0.2.29 211 3/31/2025
0.2.28 197 3/27/2025
0.2.27 682 3/26/2025
0.2.26 522 3/14/2025
0.2.25 192 3/13/2025
0.2.24 177 3/13/2025
0.2.23 385 3/13/2025
0.2.22 190 3/13/2025
0.2.21 186 3/13/2025
0.2.20 539 3/12/2025
0.2.19 367 3/11/2025
0.2.18 419 3/6/2025
0.2.17 281 3/6/2025
0.2.16 512 3/6/2025
0.2.15 241 3/6/2025
0.2.14 617 3/3/2025
0.2.13 167 2/28/2025
0.2.12 265 2/27/2025
0.2.11 138 2/27/2025
0.2.10 139 2/27/2025
0.2.9 139 2/26/2025
0.2.8 138 2/26/2025
0.2.7 186 2/25/2025
0.2.6 310 2/25/2025
0.2.5 188 2/25/2025
0.2.4 128 2/25/2025
0.2.3 149 2/24/2025
0.2.2 136 2/24/2025
0.2.1 161 2/24/2025
0.2.0 415 2/24/2025
0.1.13 183 2/21/2025
0.1.12 181 2/20/2025
0.1.11 167 2/20/2025
0.1.10 138 2/20/2025
0.1.9 174 2/20/2025
0.1.8 155 2/20/2025
0.1.7 150 2/20/2025
0.1.6 155 2/20/2025
0.1.5 154 2/20/2025
0.1.4 190 2/19/2025
0.1.3 294 2/19/2025
0.1.2 166 2/18/2025
0.1.1 153 2/18/2025
0.1.0 151 2/18/2025
0.0.188 157 2/18/2025
0.0.187 142 2/18/2025
0.0.186 150 2/18/2025
0.0.185 160 2/17/2025
0.0.184 138 2/17/2025
0.0.183 183 2/17/2025
0.0.182 164 2/14/2025
0.0.181 155 2/13/2025
0.0.180 166 2/13/2025
0.0.179 175 2/13/2025
0.0.177 184 2/12/2025
0.0.176 193 2/10/2025
0.0.175 166 2/10/2025
0.0.174 232 2/7/2025
0.0.173 152 2/6/2025
0.0.172 143 2/6/2025
0.0.171 129 2/6/2025
0.0.170 141 2/6/2025
0.0.169 168 2/6/2025
0.0.168 138 2/6/2025
0.0.167 132 2/6/2025
0.0.166 156 2/6/2025
0.0.165 194 2/5/2025
0.0.164 150 2/5/2025
0.0.163 190 2/4/2025
0.0.162 150 2/4/2025
0.0.161 240 1/31/2025
0.0.160 138 1/31/2025
0.0.159 208 1/27/2025
0.0.158 438 1/24/2025
0.0.157 167 1/23/2025
0.0.156 135 1/22/2025
0.0.155 131 1/22/2025
0.0.154 156 1/21/2025
0.0.153 159 1/21/2025
0.0.152 137 1/17/2025
0.0.151 124 1/16/2025
0.0.150 139 1/16/2025
0.0.149 134 1/15/2025
0.0.148 136 1/15/2025
0.0.147 99 1/14/2025
0.0.146 164 1/13/2025
0.0.145 104 1/13/2025
0.0.144 104 1/13/2025
0.0.143 116 1/13/2025
0.0.142 115 1/13/2025
0.0.141 93 1/13/2025
0.0.140 92 1/13/2025
0.0.139 103 1/13/2025
0.0.138 241 1/8/2025
0.0.137 139 1/7/2025
0.0.136 184 12/18/2024
0.0.135 233 12/16/2024
0.0.134 141 12/16/2024
0.0.133 166 12/13/2024
0.0.132 144 12/12/2024
0.0.131 182 12/5/2024
0.0.130 170 12/4/2024
0.0.129 179 12/3/2024
0.0.128 145 12/3/2024
0.0.127 142 12/3/2024
0.0.126 155 12/3/2024
0.0.125 180 12/2/2024
0.0.124 147 12/2/2024
0.0.123 204 11/29/2024
0.0.122 148 11/29/2024
0.0.121 206 11/28/2024
0.0.120 457 11/26/2024
0.0.119 170 11/21/2024
0.0.118 149 11/21/2024
0.0.117 143 11/21/2024
0.0.116 146 11/21/2024
0.0.115 151 11/20/2024
0.0.114 170 11/20/2024
0.0.113 164 11/19/2024
0.0.112 212 11/19/2024
0.0.111 157 11/18/2024
0.0.110 136 11/18/2024
0.0.109 137 11/18/2024
0.0.108 155 11/18/2024
0.0.107 164 11/18/2024
0.0.106 151 11/18/2024
0.0.105 167 11/18/2024
0.0.104 534 11/15/2024
0.0.103 150 11/15/2024
0.0.102 132 11/15/2024
0.0.101 138 11/15/2024
0.0.100 137 11/15/2024
0.0.99 144 11/14/2024
0.0.98 162 11/14/2024
0.0.97 151 11/14/2024
0.0.96 139 11/14/2024
0.0.95 154 11/14/2024
0.0.94 179 11/12/2024
0.0.93 153 11/12/2024
0.0.92 145 11/12/2024
0.0.91 142 11/12/2024
0.0.90 177 11/11/2024
0.0.89 152 11/11/2024
0.0.88 154 11/11/2024
0.0.87 156 11/11/2024
0.0.86 158 11/11/2024
0.0.85 144 11/11/2024
0.0.84 197 11/9/2024
0.0.83 149 11/9/2024
0.0.82 216 11/8/2024
0.0.80 148 11/8/2024
0.0.79 158 11/8/2024
0.0.78 191 11/8/2024
0.0.77 152 11/8/2024
0.0.76 162 11/8/2024
0.0.75 146 11/8/2024
0.0.74 149 11/8/2024
0.0.73 142 11/8/2024
0.0.72 143 11/8/2024
0.0.71 139 11/8/2024
0.0.70 160 11/7/2024
0.0.69 140 11/7/2024
0.0.68 151 11/7/2024
0.0.67 139 11/7/2024
0.0.66 152 11/7/2024
0.0.65 156 11/7/2024
0.0.64 163 11/6/2024
0.0.63 146 11/6/2024
0.0.61 135 11/6/2024
0.0.60 138 11/6/2024
0.0.59 153 11/4/2024
0.0.58 155 11/1/2024
0.0.57 153 10/31/2024
0.0.56 161 10/31/2024
0.0.55 169 10/31/2024
0.0.54 211 10/30/2024
0.0.53 148 10/29/2024
0.0.52 161 10/29/2024
0.0.51 237 10/26/2024
0.0.50 154 10/26/2024
0.0.49 192 10/25/2024
0.0.48 140 10/25/2024
0.0.47 169 10/25/2024
0.0.46 142 10/25/2024
0.0.45 201 10/24/2024
0.0.44 130 10/24/2024
0.0.43 149 10/24/2024
0.0.42 213 10/23/2024
0.0.41 189 10/22/2024
0.0.40 246 10/18/2024
0.0.39 208 10/18/2024
0.0.38 194 10/18/2024
0.0.37 203 10/17/2024
0.0.36 164 10/17/2024
0.0.35 168 10/16/2024
0.0.34 154 10/16/2024
0.0.33 166 10/16/2024
0.0.32 143 10/15/2024
0.0.31 148 10/15/2024
0.0.30 134 10/15/2024
0.0.29 189 10/11/2024
0.0.28 214 10/11/2024
0.0.27 150 10/10/2024
0.0.26 148 10/10/2024
0.0.25 208 10/7/2024
0.0.24 191 10/2/2024
0.0.22 161 10/1/2024
0.0.21 298 9/27/2024
0.0.20 215 9/27/2024
0.0.19 193 9/26/2024
0.0.18 161 9/26/2024
0.0.17 220 9/25/2024
0.0.16 186 9/25/2024
0.0.15 157 9/24/2024
0.0.14 152 9/24/2024
0.0.13 175 9/24/2024
0.0.12 152 9/24/2024
0.0.11 155 9/23/2024
0.0.10 178 9/23/2024
0.0.9 145 9/23/2024
0.0.8 182 9/20/2024
0.0.7 157 9/19/2024
0.0.6 142 9/19/2024
0.0.5 164 9/18/2024
0.0.4 161 9/18/2024
0.0.3 153 9/18/2024
0.0.2 157 9/18/2024