Infsoft.WPE.App.UIComponents 2.0.1

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 2.0.1
                    
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 2.0.1
                    
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="2.0.1" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Infsoft.WPE.App.UIComponents" Version="2.0.1" />
                    
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 2.0.1
                    
#r "nuget: Infsoft.WPE.App.UIComponents, 2.0.1"
                    
#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@2.0.1
                    
#: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=2.0.1
                    
Install as a Cake Addin
#tool nuget:?package=Infsoft.WPE.App.UIComponents&version=2.0.1
                    
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
MetaListItem.razor atoms/meta-list-item Link
SelectionListItem.razor atoms/selection-list-item Link
Searchbar.razor atoms/searchbar Link
NavTab.razor atoms/nav-tab Link
LinkIndicator.razor atoms/link-indicator Link
FreeOccupiedIndicator.razor - Link
Tag.razor atoms/tag Link
ContentBoxTabButtonGroup.razor atoms/contentbox-tab-button-group Link
Buttons
Name Figma Component File
Buttons.razor atoms/button Link
PrimaryButton.razor atoms/button (Primary) Link
SecondaryButton.razor atoms/button (Secondary) Link
TertiaryButton.razor atoms/button (Tertiary) Link
ProgressButton.razor atoms/progress-button Link
PageElements
Name Figma Component File
PaginationDot.razor atoms/pagination-dot Link
Forms
Name Figma Component File
FormDropdownSelection.razor atoms/form/dropdown Link
FormNumberPicker.razor - Link
FormTextInput.razor atoms/form/text Link
FormDateOnlyInput.razor - Link
FormDateTimeInput.razor - Link
FormLabel.razor - Link
FormTimeOnlyInput.razor - Link
FormToggleButtonInput.razor - Link
FormCheckboxGroup.razor atoms/form/checkbox-group Link
FormCheckbox.razor atoms/form/checkbox Link
FormMultiTextInput.razor - Link

General

Name Figma Component File
Icon.razor - Link
PageableContent.razor - Link
SwipeComponents
Name Figma Component File
SwipeComponent.razor - Link
SwipeComponentPage.razor - Link
Login
Name Figma Component File
LoginOptionButton.razor - Link
LoginSelectionOverlay.razor - Link
LoginInputContainer.razor - Link
LoginVoucherDialog.razor - Link
Texts
Name Figma Component File
Text.razor - Link
TextBold.razor - Link
TextDisplay.razor - Link
TextExtraBold.razor - Link
TextRegular.razor - Link
TextUppercase.razor - Link

Ions

Name Figma Component File
SerpImageIcon.razor ions/serp-img (Icon) Link
SerpImageRound.razor ions/serp-img (Round image) Link
SerpImageRect.razor ions/serp-img (Rectangle image) Link
Radio.razor ions/radio Link
Checkbox.razor ions/checkbox Link
MetaInfoElement.razor ions/meta-info-element Link
ContentBoxTabButton.razor ions/contentbox-tab-button Link
Labels
Name Figma Component File
Label.razor ions/label Link
LabelAvailability.razor ions/label (Free & Occupied) Link
LabelBrand.razor ions/label (Brand) Link
LabelGrey.razor ions/label (Grey) Link
LabelOutline.razor ions/label (Outline) Link
LabelParking.razor ions/label-parking Link

Molecules

Name Figma Component File
ListItem.razor molecules/list-item Link
ShowMore.razor atoms/cards/show-more Link
LocationInfo.razor molecules/location-info Link
LocationInfoSmall.razor molecules/location-info-small Link
ProgressButtonGroup.razor molecules/progress-button-group Link
Name Figma Component File
SortDropdown.razor molecules/sort-dropdown Link
FilterDropdown.razor molecules/filter-dropdown Link
DropdownBody.razor molecules/dropdown-body Link
MultiSelectDropdownBody.razor molecules/dropdown-body Link
SingleSelectDropdownBody.razor molecules/dropdown-body Link
PageElements
Name Figma Component File
PageIndicator.razor molecules/page-indicator Link
Forms
Name Figma Component File
FormDropdown.razor molecules/form/dropdown Link
FormSlider.razor molecules/form/slider Link
FormDateOnly.razor - Link
FormTimeOnly.razor - Link
FormDateTime.razor - Link
FormText.razor - Link
FormToggleButton.razor - Link
FunctionButtons
Name Figma Component File
FunctionButton.razor - Link
FunctionButtonsHorizontalScroll.razor molecules/function-buttons-horizontal-scroll Link

Organsims

Apps
Name Figma Component File
App.razor - Link
Name Figma Component File
NavEntry.razor - Link
Tiles
Name Figma Component File
Tile.razor - Link
EmptyTileContent.razor - Link
ErrorTileContent.razor - Link

PoIComponents

Name Figma Component File
PoIComponent.razor - 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 net9.0 is compatible.  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
2.0.3 100 1/27/2026
2.0.2 125 1/21/2026
2.0.1 122 1/20/2026
2.0.0 100 1/20/2026
0.11.1 87 1/15/2026
0.11.0 117 1/14/2026
0.3.72 297 12/18/2025
0.3.71 274 12/17/2025
0.3.70 275 12/16/2025
0.3.69 269 12/16/2025
0.3.68 269 12/16/2025
0.3.67 244 12/15/2025
0.3.66 242 12/15/2025
0.3.65 434 12/11/2025
0.3.64 421 12/11/2025
0.3.63 418 12/11/2025
0.3.62 211 11/24/2025
0.3.61 364 11/21/2025
0.3.60 229 11/6/2025
0.3.59 231 11/6/2025
0.3.58 210 11/6/2025
0.3.57 164 11/1/2025
0.3.56 187 10/31/2025
0.3.55 234 10/30/2025
0.3.54 204 10/30/2025
0.3.53 199 10/30/2025
0.3.52 214 10/27/2025
0.3.51 191 10/27/2025
0.3.50 197 10/23/2025
0.3.49 204 10/21/2025
0.3.48 198 10/20/2025
0.3.47 184 10/16/2025
0.3.46 188 10/13/2025
0.3.45 201 10/9/2025
0.3.44 178 10/9/2025
0.3.43 212 10/2/2025
0.3.42 205 10/2/2025
0.3.41 203 10/2/2025
0.3.40 206 9/24/2025
0.3.39 187 9/24/2025
0.3.38 202 9/23/2025
0.3.37 234 9/22/2025
0.3.36 322 9/18/2025
0.3.35 324 9/17/2025
0.3.34 212 9/1/2025
0.3.33 252 8/28/2025
0.3.32 264 8/26/2025
0.3.31 264 8/26/2025
0.3.30 276 8/26/2025
0.3.29 346 8/25/2025
0.3.28 155 8/22/2025
0.3.27 193 8/21/2025
0.3.24 188 8/20/2025
0.3.23 194 8/20/2025
0.3.22 182 8/20/2025
0.3.21 196 8/20/2025
0.3.20 189 8/20/2025
0.3.19 183 8/20/2025
0.3.18 186 8/19/2025
0.3.17 202 8/19/2025
0.3.16 294 8/13/2025
0.3.15 285 8/6/2025
0.3.14 126 8/1/2025
0.3.13 194 7/28/2025
0.3.12 173 7/28/2025
0.3.11 162 7/28/2025
0.3.10 572 7/23/2025
0.3.9 161 7/18/2025
0.3.8 284 6/26/2025
0.3.7 214 6/26/2025
0.3.6 192 6/25/2025
0.3.5 189 6/25/2025
0.3.4 203 6/24/2025
0.3.3 206 6/23/2025
0.3.2 225 6/16/2025
0.3.1 363 6/12/2025
0.3.0 354 6/11/2025
0.2.60 347 6/11/2025
0.2.59 272 6/2/2025
0.2.58 238 5/28/2025
0.2.57 281 5/27/2025
0.2.56 334 5/22/2025
0.2.55 329 5/21/2025
0.2.54 210 5/20/2025
0.2.53 299 5/5/2025
0.2.52 229 4/25/2025
0.2.51 620 4/24/2025
0.2.50 397 4/22/2025
0.2.49 292 4/16/2025
0.2.48 258 4/16/2025
0.2.47 266 4/16/2025
0.2.46 249 4/15/2025
0.2.45 265 4/15/2025
0.2.44 254 4/15/2025
0.2.43 252 4/15/2025
0.2.42 439 4/11/2025
0.2.41 273 4/10/2025
0.2.39 788 4/9/2025
0.2.38 514 4/4/2025
0.2.37 199 4/4/2025
0.2.36 184 4/4/2025
0.2.35 188 4/4/2025
0.2.34 261 4/3/2025
0.2.33 230 4/3/2025
0.2.32 317 4/2/2025
0.2.31 246 4/1/2025
0.2.30 207 4/1/2025
0.2.29 229 3/31/2025
0.2.28 220 3/27/2025
0.2.27 698 3/26/2025
0.2.26 548 3/14/2025
0.2.25 212 3/13/2025
0.2.24 199 3/13/2025
0.2.23 405 3/13/2025
0.2.22 211 3/13/2025
0.2.21 210 3/13/2025
0.2.20 557 3/12/2025
0.2.19 384 3/11/2025
0.2.18 441 3/6/2025
0.2.17 296 3/6/2025
0.2.16 535 3/6/2025
0.2.15 261 3/6/2025
0.2.14 634 3/3/2025
0.2.13 186 2/28/2025
0.2.12 281 2/27/2025
0.2.11 156 2/27/2025
0.2.10 169 2/27/2025
0.2.9 155 2/26/2025
0.2.8 154 2/26/2025
0.2.7 205 2/25/2025
0.2.6 330 2/25/2025
0.2.5 204 2/25/2025
0.2.4 143 2/25/2025
0.2.3 165 2/24/2025
0.2.2 164 2/24/2025
0.2.1 177 2/24/2025
0.2.0 430 2/24/2025
0.1.13 203 2/21/2025
0.1.12 200 2/20/2025
0.1.11 202 2/20/2025
0.1.10 152 2/20/2025
0.1.9 192 2/20/2025
0.1.8 175 2/20/2025
0.1.7 167 2/20/2025
0.1.6 169 2/20/2025
0.1.5 176 2/20/2025
0.1.4 213 2/19/2025
0.1.3 315 2/19/2025
0.1.2 182 2/18/2025
0.1.1 173 2/18/2025
0.1.0 169 2/18/2025
0.0.188 175 2/18/2025
0.0.187 158 2/18/2025
0.0.186 171 2/18/2025
0.0.185 180 2/17/2025
0.0.184 160 2/17/2025
0.0.183 200 2/17/2025
0.0.182 177 2/14/2025
0.0.181 176 2/13/2025
0.0.180 181 2/13/2025
0.0.179 207 2/13/2025
0.0.177 198 2/12/2025
0.0.176 215 2/10/2025
0.0.175 187 2/10/2025
0.0.174 250 2/7/2025
0.0.173 167 2/6/2025
0.0.172 163 2/6/2025
0.0.171 150 2/6/2025
0.0.170 158 2/6/2025
0.0.169 195 2/6/2025
0.0.168 159 2/6/2025
0.0.167 150 2/6/2025
0.0.166 174 2/6/2025
0.0.165 212 2/5/2025
0.0.164 168 2/5/2025
0.0.163 213 2/4/2025
0.0.162 167 2/4/2025
0.0.161 258 1/31/2025
0.0.160 156 1/31/2025
0.0.159 233 1/27/2025
0.0.158 457 1/24/2025
0.0.157 184 1/23/2025
0.0.156 152 1/22/2025
0.0.155 153 1/22/2025
0.0.154 173 1/21/2025
0.0.153 175 1/21/2025
0.0.152 166 1/17/2025
0.0.151 150 1/16/2025
0.0.150 156 1/16/2025
0.0.149 156 1/15/2025
0.0.148 152 1/15/2025
0.0.147 119 1/14/2025
0.0.146 182 1/13/2025
0.0.145 118 1/13/2025
0.0.144 121 1/13/2025
0.0.143 136 1/13/2025
0.0.142 134 1/13/2025
0.0.141 111 1/13/2025
0.0.140 109 1/13/2025
0.0.139 118 1/13/2025
0.0.138 257 1/8/2025
0.0.137 160 1/7/2025
0.0.136 202 12/18/2024
0.0.135 250 12/16/2024
0.0.134 157 12/16/2024
0.0.133 179 12/13/2024
0.0.132 162 12/12/2024
0.0.131 198 12/5/2024
0.0.130 190 12/4/2024
0.0.129 200 12/3/2024
0.0.128 162 12/3/2024
0.0.127 155 12/3/2024
0.0.126 169 12/3/2024
0.0.125 213 12/2/2024
0.0.124 163 12/2/2024
0.0.123 218 11/29/2024
0.0.122 162 11/29/2024
0.0.121 228 11/28/2024
0.0.120 484 11/26/2024
0.0.119 185 11/21/2024
0.0.118 166 11/21/2024
0.0.117 162 11/21/2024
0.0.116 165 11/21/2024
0.0.115 174 11/20/2024
0.0.114 187 11/20/2024
0.0.113 184 11/19/2024
0.0.112 225 11/19/2024
0.0.111 172 11/18/2024
0.0.110 154 11/18/2024
0.0.109 164 11/18/2024
0.0.108 171 11/18/2024
0.0.107 186 11/18/2024
0.0.106 164 11/18/2024
0.0.105 181 11/18/2024
0.0.104 558 11/15/2024
0.0.103 164 11/15/2024
0.0.102 150 11/15/2024
0.0.101 153 11/15/2024
0.0.100 153 11/15/2024
0.0.99 159 11/14/2024
0.0.98 171 11/14/2024
0.0.97 164 11/14/2024
0.0.96 153 11/14/2024
0.0.95 175 11/14/2024
0.0.94 195 11/12/2024
0.0.93 168 11/12/2024
0.0.92 162 11/12/2024
0.0.91 157 11/12/2024
0.0.90 194 11/11/2024
0.0.89 168 11/11/2024
0.0.88 178 11/11/2024
0.0.87 174 11/11/2024
0.0.86 185 11/11/2024
0.0.85 165 11/11/2024
0.0.84 208 11/9/2024
0.0.83 164 11/9/2024
0.0.82 235 11/8/2024
0.0.80 163 11/8/2024
0.0.79 177 11/8/2024
0.0.78 205 11/8/2024
0.0.77 173 11/8/2024
0.0.76 173 11/8/2024
0.0.75 162 11/8/2024
0.0.74 170 11/8/2024
0.0.73 169 11/8/2024
0.0.72 158 11/8/2024
0.0.71 153 11/8/2024
0.0.70 174 11/7/2024
0.0.69 155 11/7/2024
0.0.68 171 11/7/2024
0.0.67 153 11/7/2024
0.0.66 170 11/7/2024
0.0.65 171 11/7/2024
0.0.64 182 11/6/2024
0.0.63 157 11/6/2024
0.0.61 146 11/6/2024
0.0.60 154 11/6/2024
0.0.59 175 11/4/2024
0.0.58 167 11/1/2024
0.0.57 169 10/31/2024
0.0.56 183 10/31/2024
0.0.55 187 10/31/2024
0.0.54 228 10/30/2024
0.0.53 164 10/29/2024
0.0.52 177 10/29/2024
0.0.51 259 10/26/2024
0.0.50 164 10/26/2024
0.0.49 207 10/25/2024
0.0.48 159 10/25/2024
0.0.47 186 10/25/2024
0.0.46 177 10/25/2024
0.0.45 217 10/24/2024
0.0.44 148 10/24/2024
0.0.43 174 10/24/2024
0.0.42 233 10/23/2024
0.0.41 206 10/22/2024
0.0.40 260 10/18/2024
0.0.39 224 10/18/2024
0.0.38 213 10/18/2024
0.0.37 217 10/17/2024
0.0.36 185 10/17/2024
0.0.35 198 10/16/2024
0.0.34 173 10/16/2024
0.0.33 190 10/16/2024
0.0.32 159 10/15/2024
0.0.31 163 10/15/2024
0.0.30 162 10/15/2024
0.0.29 205 10/11/2024
0.0.28 232 10/11/2024
0.0.27 167 10/10/2024
0.0.26 165 10/10/2024
0.0.25 222 10/7/2024
0.0.24 210 10/2/2024
0.0.22 178 10/1/2024
0.0.21 309 9/27/2024
0.0.20 234 9/27/2024
0.0.19 209 9/26/2024
0.0.18 181 9/26/2024
0.0.17 237 9/25/2024
0.0.16 203 9/25/2024
0.0.15 178 9/24/2024
0.0.14 165 9/24/2024
0.0.13 191 9/24/2024
0.0.12 169 9/24/2024
0.0.11 175 9/23/2024
0.0.10 195 9/23/2024
0.0.9 156 9/23/2024
0.0.8 202 9/20/2024
0.0.7 176 9/19/2024
0.0.6 166 9/19/2024
0.0.5 183 9/18/2024
0.0.4 177 9/18/2024
0.0.3 163 9/18/2024
0.0.2 170 9/18/2024