Infsoft.WPE.App.UIComponents 0.0.139

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.139
                    
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 0.0.139
                    
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.139" />
                    
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.139" />
                    
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.139
                    
#r "nuget: Infsoft.WPE.App.UIComponents, 0.0.139"
                    
#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.139
                    
#: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.139
                    
Install as a Cake Addin
#tool nuget:?package=Infsoft.WPE.App.UIComponents&version=0.0.139
                    
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
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
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

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
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
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
DropdownBody.razor molecules/dropdown-body Link
ShowMore.razor atoms/cards/show-more Link
LocationInfo.razor molecules/location-info 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

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 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.46 80 10/13/2025
0.3.45 160 10/9/2025
0.3.44 144 10/9/2025
0.3.43 177 10/2/2025
0.3.42 166 10/2/2025
0.3.41 155 10/2/2025
0.3.40 175 9/24/2025
0.3.39 159 9/24/2025
0.3.38 176 9/23/2025
0.3.37 207 9/22/2025
0.3.36 291 9/18/2025
0.3.35 291 9/17/2025
0.3.34 178 9/1/2025
0.3.33 217 8/28/2025
0.3.32 235 8/26/2025
0.3.31 232 8/26/2025
0.3.30 237 8/26/2025
0.3.29 311 8/25/2025
0.3.28 119 8/22/2025
0.3.27 159 8/21/2025
0.3.24 164 8/20/2025
0.3.23 159 8/20/2025
0.3.22 153 8/20/2025
0.3.21 170 8/20/2025
0.3.20 159 8/20/2025
0.3.19 157 8/20/2025
0.3.18 161 8/19/2025
0.3.17 166 8/19/2025
0.3.16 243 8/13/2025
0.3.15 257 8/6/2025
0.3.14 93 8/1/2025
0.3.13 161 7/28/2025
0.3.12 144 7/28/2025
0.3.11 135 7/28/2025
0.3.10 544 7/23/2025
0.3.9 130 7/18/2025
0.3.8 238 6/26/2025
0.3.7 182 6/26/2025
0.3.6 163 6/25/2025
0.3.5 160 6/25/2025
0.3.4 174 6/24/2025
0.3.3 164 6/23/2025
0.3.2 179 6/16/2025
0.3.1 336 6/12/2025
0.3.0 329 6/11/2025
0.2.60 312 6/11/2025
0.2.59 248 6/2/2025
0.2.58 194 5/28/2025
0.2.57 255 5/27/2025
0.2.56 301 5/22/2025
0.2.55 309 5/21/2025
0.2.54 184 5/20/2025
0.2.53 273 5/5/2025
0.2.52 196 4/25/2025
0.2.51 593 4/24/2025
0.2.50 373 4/22/2025
0.2.49 266 4/16/2025
0.2.48 229 4/16/2025
0.2.47 238 4/16/2025
0.2.46 228 4/15/2025
0.2.45 235 4/15/2025
0.2.44 234 4/15/2025
0.2.43 225 4/15/2025
0.2.42 406 4/11/2025
0.2.41 239 4/10/2025
0.2.39 768 4/9/2025
0.2.38 481 4/4/2025
0.2.37 171 4/4/2025
0.2.36 158 4/4/2025
0.2.35 162 4/4/2025
0.2.34 229 4/3/2025
0.2.33 200 4/3/2025
0.2.32 296 4/2/2025
0.2.31 218 4/1/2025
0.2.30 178 4/1/2025
0.2.29 198 3/31/2025
0.2.28 190 3/27/2025
0.2.27 673 3/26/2025
0.2.26 504 3/14/2025
0.2.25 184 3/13/2025
0.2.24 170 3/13/2025
0.2.23 374 3/13/2025
0.2.22 182 3/13/2025
0.2.21 179 3/13/2025
0.2.20 528 3/12/2025
0.2.19 360 3/11/2025
0.2.18 405 3/6/2025
0.2.17 271 3/6/2025
0.2.16 505 3/6/2025
0.2.15 235 3/6/2025
0.2.14 607 3/3/2025
0.2.13 160 2/28/2025
0.2.12 258 2/27/2025
0.2.11 130 2/27/2025
0.2.10 133 2/27/2025
0.2.9 130 2/26/2025
0.2.8 128 2/26/2025
0.2.7 179 2/25/2025
0.2.6 301 2/25/2025
0.2.5 172 2/25/2025
0.2.4 122 2/25/2025
0.2.3 137 2/24/2025
0.2.2 129 2/24/2025
0.2.1 145 2/24/2025
0.2.0 406 2/24/2025
0.1.13 174 2/21/2025
0.1.12 175 2/20/2025
0.1.11 153 2/20/2025
0.1.10 131 2/20/2025
0.1.9 160 2/20/2025
0.1.8 149 2/20/2025
0.1.7 141 2/20/2025
0.1.6 150 2/20/2025
0.1.5 134 2/20/2025
0.1.4 183 2/19/2025
0.1.3 284 2/19/2025
0.1.2 155 2/18/2025
0.1.1 146 2/18/2025
0.1.0 145 2/18/2025
0.0.188 152 2/18/2025
0.0.187 133 2/18/2025
0.0.186 140 2/18/2025
0.0.185 154 2/17/2025
0.0.184 133 2/17/2025
0.0.183 176 2/17/2025
0.0.182 154 2/14/2025
0.0.181 150 2/13/2025
0.0.180 160 2/13/2025
0.0.179 170 2/13/2025
0.0.177 171 2/12/2025
0.0.176 184 2/10/2025
0.0.175 153 2/10/2025
0.0.174 225 2/7/2025
0.0.173 148 2/6/2025
0.0.172 138 2/6/2025
0.0.171 125 2/6/2025
0.0.170 133 2/6/2025
0.0.169 160 2/6/2025
0.0.168 132 2/6/2025
0.0.167 127 2/6/2025
0.0.166 150 2/6/2025
0.0.165 182 2/5/2025
0.0.164 145 2/5/2025
0.0.163 186 2/4/2025
0.0.162 145 2/4/2025
0.0.161 233 1/31/2025
0.0.160 134 1/31/2025
0.0.159 200 1/27/2025
0.0.158 432 1/24/2025
0.0.157 154 1/23/2025
0.0.156 128 1/22/2025
0.0.155 124 1/22/2025
0.0.154 146 1/21/2025
0.0.153 149 1/21/2025
0.0.152 133 1/17/2025
0.0.151 117 1/16/2025
0.0.150 135 1/16/2025
0.0.149 126 1/15/2025
0.0.148 128 1/15/2025
0.0.147 90 1/14/2025
0.0.146 146 1/13/2025
0.0.145 100 1/13/2025
0.0.144 100 1/13/2025
0.0.143 107 1/13/2025
0.0.142 101 1/13/2025
0.0.141 90 1/13/2025
0.0.140 86 1/13/2025
0.0.139 97 1/13/2025
0.0.138 234 1/8/2025
0.0.137 134 1/7/2025
0.0.136 174 12/18/2024
0.0.135 223 12/16/2024
0.0.134 135 12/16/2024
0.0.133 157 12/13/2024
0.0.132 139 12/12/2024
0.0.131 174 12/5/2024
0.0.130 164 12/4/2024
0.0.129 174 12/3/2024
0.0.128 139 12/3/2024
0.0.127 134 12/3/2024
0.0.126 150 12/3/2024
0.0.125 175 12/2/2024
0.0.124 138 12/2/2024
0.0.123 185 11/29/2024
0.0.122 142 11/29/2024
0.0.121 197 11/28/2024
0.0.120 452 11/26/2024
0.0.119 166 11/21/2024
0.0.118 134 11/21/2024
0.0.117 136 11/21/2024
0.0.116 142 11/21/2024
0.0.115 147 11/20/2024
0.0.114 160 11/20/2024
0.0.113 159 11/19/2024
0.0.112 203 11/19/2024
0.0.111 150 11/18/2024
0.0.110 126 11/18/2024
0.0.109 134 11/18/2024
0.0.108 146 11/18/2024
0.0.107 153 11/18/2024
0.0.106 144 11/18/2024
0.0.105 157 11/18/2024
0.0.104 524 11/15/2024
0.0.103 145 11/15/2024
0.0.102 126 11/15/2024
0.0.101 134 11/15/2024
0.0.100 134 11/15/2024
0.0.99 141 11/14/2024
0.0.98 159 11/14/2024
0.0.97 143 11/14/2024
0.0.96 135 11/14/2024
0.0.95 148 11/14/2024
0.0.94 173 11/12/2024
0.0.93 148 11/12/2024
0.0.92 141 11/12/2024
0.0.91 139 11/12/2024
0.0.90 168 11/11/2024
0.0.89 146 11/11/2024
0.0.88 150 11/11/2024
0.0.87 147 11/11/2024
0.0.86 152 11/11/2024
0.0.85 139 11/11/2024
0.0.84 177 11/9/2024
0.0.83 145 11/9/2024
0.0.82 210 11/8/2024
0.0.80 142 11/8/2024
0.0.79 152 11/8/2024
0.0.78 184 11/8/2024
0.0.77 144 11/8/2024
0.0.76 153 11/8/2024
0.0.75 142 11/8/2024
0.0.74 142 11/8/2024
0.0.73 139 11/8/2024
0.0.72 134 11/8/2024
0.0.71 135 11/8/2024
0.0.70 153 11/7/2024
0.0.69 135 11/7/2024
0.0.68 144 11/7/2024
0.0.67 133 11/7/2024
0.0.66 144 11/7/2024
0.0.65 149 11/7/2024
0.0.64 158 11/6/2024
0.0.63 140 11/6/2024
0.0.61 131 11/6/2024
0.0.60 133 11/6/2024
0.0.59 147 11/4/2024
0.0.58 148 11/1/2024
0.0.57 149 10/31/2024
0.0.56 156 10/31/2024
0.0.55 159 10/31/2024
0.0.54 202 10/30/2024
0.0.53 143 10/29/2024
0.0.52 154 10/29/2024
0.0.51 230 10/26/2024
0.0.50 146 10/26/2024
0.0.49 178 10/25/2024
0.0.48 137 10/25/2024
0.0.47 164 10/25/2024
0.0.46 133 10/25/2024
0.0.45 194 10/24/2024
0.0.44 125 10/24/2024
0.0.43 143 10/24/2024
0.0.42 209 10/23/2024
0.0.41 183 10/22/2024
0.0.40 238 10/18/2024
0.0.39 199 10/18/2024
0.0.38 188 10/18/2024
0.0.37 200 10/17/2024
0.0.36 159 10/17/2024
0.0.35 160 10/16/2024
0.0.34 145 10/16/2024
0.0.33 144 10/16/2024
0.0.32 136 10/15/2024
0.0.31 142 10/15/2024
0.0.30 129 10/15/2024
0.0.29 178 10/11/2024
0.0.28 208 10/11/2024
0.0.27 144 10/10/2024
0.0.26 143 10/10/2024
0.0.25 193 10/7/2024
0.0.24 184 10/2/2024
0.0.22 155 10/1/2024
0.0.21 292 9/27/2024
0.0.20 206 9/27/2024
0.0.19 185 9/26/2024
0.0.18 155 9/26/2024
0.0.17 213 9/25/2024
0.0.16 170 9/25/2024
0.0.15 148 9/24/2024
0.0.14 145 9/24/2024
0.0.13 172 9/24/2024
0.0.12 148 9/24/2024
0.0.11 148 9/23/2024
0.0.10 165 9/23/2024
0.0.9 141 9/23/2024
0.0.8 174 9/20/2024
0.0.7 153 9/19/2024
0.0.6 139 9/19/2024
0.0.5 154 9/18/2024
0.0.4 154 9/18/2024
0.0.3 148 9/18/2024
0.0.2 148 9/18/2024