VOOZH about

URL: https://www.nuget.org/packages/Infsoft.WPE.App.UIComponents/

⇱ NuGet Gallery | Infsoft.WPE.App.UIComponents 2.3.9



👁 Image
 Infsoft.WPE.App.UIComponents 2.3.9

Prefix Reserved 
dotnet add package Infsoft.WPE.App.UIComponents --version 2.3.9
 
 
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 2.3.9
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.3.9" />
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.3.9" />
 


 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.3.9
The NuGet Team does not provide support for this client. Please contact its maintainers for support. 
#r "nuget: Infsoft.WPE.App.UIComponents, 2.3.9"
#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.3.9
#: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.3.9
 


 Install as a Cake Addin
 

 

 
#tool nuget:?package=Infsoft.WPE.App.UIComponents&version=2.3.9
 


 Install as a Cake Tool
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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
IScreenSizeManager.cs Can be used to subscribe to window size changes

Helpers

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

Components

Atoms

Name Figma Component File
MetaListItem.razor atoms/meta-list-item
SelectionListItem.razor atoms/selection-list-item
Searchbar.razor atoms/searchbar
NavTab.razor atoms/nav-tab
LinkIndicator.razor atoms/link-indicator
FreeOccupiedIndicator.razor -
Tag.razor atoms/tag
ContentBoxTabButtonGroup.razor atoms/contentbox-tab-button-group
Buttons
Name Figma Component File
Buttons.razor atoms/button
PrimaryButton.razor atoms/button (Primary)
SecondaryButton.razor atoms/button (Secondary)
TertiaryButton.razor atoms/button (Tertiary)
ProgressButton.razor atoms/progress-button
PageElements
Name Figma Component File
PaginationDot.razor atoms/pagination-dot
Forms
Name Figma Component File
FormDropdownSelection.razor atoms/form/dropdown
FormNumberPicker.razor -
FormTextInput.razor atoms/form/text
FormDateOnlyInput.razor -
FormDateTimeInput.razor -
FormLabel.razor -
FormTimeOnlyInput.razor -
FormToggleButtonInput.razor -
FormCheckboxGroup.razor atoms/form/checkbox-group
FormCheckbox.razor atoms/form/checkbox
FormMultiTextInput.razor -

General

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

Ions

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

Molecules

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

Organsims

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

PoIComponents

Name Figma Component File
PoIComponent.razor -

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 Versions Compatible and additional computed target framework versions.
.NET net10.0 net10.0 is compatible.  net10.0-android net10.0-android was computed.  net10.0-browser net10.0-browser was computed.  net10.0-ios net10.0-ios was computed.  net10.0-maccatalyst net10.0-maccatalyst was computed.  net10.0-macos net10.0-macos was computed.  net10.0-tvos net10.0-tvos was computed.  net10.0-windows 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.3.9 84 6/17/2026
2.3.8 95 6/12/2026
2.3.7 93 6/11/2026
2.3.6 101 6/10/2026
2.3.5 95 6/10/2026
2.3.4 100 6/9/2026
2.3.3 93 6/9/2026
2.3.2 120 5/28/2026
2.3.1 111 5/28/2026
2.3.0 107 5/28/2026
2.2.26 86 6/16/2026
2.2.25 94 6/15/2026
2.2.24 107 5/27/2026
2.2.23 110 5/27/2026
2.2.22 96 5/26/2026
2.2.21 99 5/26/2026
2.2.20 103 5/26/2026
2.2.19 115 5/21/2026
2.2.18 98 5/19/2026
2.2.17 111 5/7/2026
Loading failed