Infsoft.WPE.App.UIComponents 0.0.75

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

UpdatedComponents

Atoms

Name Figma Component File
Meta_List_Item.razor atoms/meta-list-item Link
Button
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 - Link
Page_Indicator_Header.razor - Link
Show_More.razor - Link
Tile
Name Figma Component File
Tile.razor - Link
Empty_Tile_Content.razor - Link
Error_Tile_Content.razor - Link

General

Icon
Name Figma Component File
Icon.razor - Link

Components

Actions

Name Description File
Collapsible.razor Collapsible Link

Listeners

Name Description File
SwipeListener.razor Swipe Listener for mobile devices 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
Info_Bar_Element.razor ions/info-bar-element Link
Label
Name Figma Component File
Label.razor ions/label Link
Label_Parking.razor ions/label-parking Link

Atoms

General
Name Figma Component File
Card_Background.razor atoms/card-background Link
Coffee_Coin.razor atoms/coffeecoin Link
Dropdown_Mainframe_Element.razor atoms/Dropdown Mainframe Element Link
Dropdown_Mainframe_Head.razor atoms/Dropdown Mainframe Head Link
Dropdown_Mainframe_Indicator.razor atoms/Dropdown Mainframe Indicator Link
Form_Label.razor atom/form-label Link
Input_Notification.razor atoms/input-notification Link
List_Item.razor atoms/list-item Link
Location_Info.razor atoms/locationinfo Link
Main_Menu_Tab_Desktop.razor atoms/main-menu-tab (Desktop) Link
Main_Menu_Tab_Mobile.razor atoms/main-menu-tab (Mobile) Link
Nav_Tab.razor atoms/nav-tabs Link
Navigation_Tab.razor atoms/navigation-tab Link
Page_Indicator.razor atoms/pageindicator Link
Profile_Pic.razor atoms/profilepic Link
Searchbar.razor atoms/searchbar Link
Searchbar_Single.razor atoms/searchbar-deprecated (Round) Link
Site_Button.razor atoms/site Link
Site_Tag.razor atoms/site-tag Link
Tab.razor atoms/tab Link
Tag.razor atoms/tag Link
Toggle.razor atoms/toggle Link
Weather_Info.razor atoms/weather-info Link
Free_Occupied_Indicator.razor atoms/free-occupied-indicator Link
Link_Mainframe_Indicator.razor atoms/mainframe-accordeon-link-indicator Link
Location_Info_Item.razor - Link
Button
Name Figma Component File
Button.razor atoms/button Link
ButtonCircleTransparent32.razor button/circle-transparent-32px Link
Form
Name Figma Component File
Form_Dropdown_Selection.razor atoms/form/dropdown Link
Form_Number_Picker.razor actionelement/numberpicker Link
Form_Text_Input.razor atoms/form/text Link

Ions

Label
Name Figma Component File
Label.razor ions/label Link
Label_Availability.razor ions/label (Occupied) Link
Labe_Brand.razor ions/label (Brand) Link
Labe_Grey.razor ions/label (Grey) Link
Labe_Outline.razor ions/label (Outline) Link
Labe_Parking.razor ions/label-parking Link

Cards

Name Figma Component File
Show_More.razor atoms/cards/show-more Link

Molecules

General
Name Figma Component File
Dropdown_App_Store.razor molecules/Dropdown_App_Store Link
Dropdown_Body.razor molecules/dropdown-body Link
Navigation_Tab_Group.razor molecules/dropdown-body Link
Notification.razor molecules/notification Link
People_Info.razor molecules/people-info Link
Position_Request_Toggle.razor molecules/positionrequest-toggle Link
Selectable_Category_And_Title.razor molecules/selectable-category-and-title Link
Serp_List_Item.razor molecules/serp-list-item Link
Tabs_Wrapper.razor molecules/tabs Link
Toggle_Button.razor molecules/Toggle_Button Link
Form
Name Figma Component File
Form_Dropdown.razor molecules/form/dropdown Link
Form_Slider.razor molecules/form/slider Link
Form_Text.razor molecules/form/text Link
Form_Wrapper.razor - Link

Text

Allows formatting of text in an uniform way. E.g. making text uppercase or bold.

Name Figma Component File
Text_Regular.razor - Link
Text_Uppercase.razor - Link
Text_ExtraBold.razor - Link
Text_Display.razor - Link
Text_Bold.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.45 62 10/9/2025
0.3.44 63 10/9/2025
0.3.43 176 10/2/2025
0.3.42 165 10/2/2025
0.3.41 154 10/2/2025
0.3.40 174 9/24/2025
0.3.39 158 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 158 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 238 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 193 5/28/2025
0.2.57 255 5/27/2025
0.2.56 301 5/22/2025
0.2.55 308 5/21/2025
0.2.54 183 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 265 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 233 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 767 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 295 4/2/2025
0.2.31 218 4/1/2025
0.2.30 178 4/1/2025
0.2.29 197 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 527 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 504 3/6/2025
0.2.15 235 3/6/2025
0.2.14 600 3/3/2025
0.2.13 160 2/28/2025
0.2.12 257 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 169 2/25/2025
0.2.4 121 2/25/2025
0.2.3 136 2/24/2025
0.2.2 129 2/24/2025
0.2.1 144 2/24/2025
0.2.0 405 2/24/2025
0.1.13 174 2/21/2025
0.1.12 175 2/20/2025
0.1.11 151 2/20/2025
0.1.10 131 2/20/2025
0.1.9 158 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 151 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 174 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 170 2/12/2025
0.0.176 182 2/10/2025
0.0.175 152 2/10/2025
0.0.174 224 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 132 2/6/2025
0.0.169 157 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 179 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 153 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 145 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 233 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 156 12/13/2024
0.0.132 138 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 137 12/2/2024
0.0.123 182 11/29/2024
0.0.122 141 11/29/2024
0.0.121 196 11/28/2024
0.0.120 452 11/26/2024
0.0.119 165 11/21/2024
0.0.118 130 11/21/2024
0.0.117 135 11/21/2024
0.0.116 141 11/21/2024
0.0.115 146 11/20/2024
0.0.114 157 11/20/2024
0.0.113 158 11/19/2024
0.0.112 202 11/19/2024
0.0.111 149 11/18/2024
0.0.110 125 11/18/2024
0.0.109 133 11/18/2024
0.0.108 142 11/18/2024
0.0.107 152 11/18/2024
0.0.106 143 11/18/2024
0.0.105 156 11/18/2024
0.0.104 523 11/15/2024
0.0.103 143 11/15/2024
0.0.102 125 11/15/2024
0.0.101 133 11/15/2024
0.0.100 133 11/15/2024
0.0.99 140 11/14/2024
0.0.98 158 11/14/2024
0.0.97 142 11/14/2024
0.0.96 134 11/14/2024
0.0.95 146 11/14/2024
0.0.94 171 11/12/2024
0.0.93 148 11/12/2024
0.0.92 140 11/12/2024
0.0.91 138 11/12/2024
0.0.90 167 11/11/2024
0.0.89 145 11/11/2024
0.0.88 148 11/11/2024
0.0.87 143 11/11/2024
0.0.86 151 11/11/2024
0.0.85 138 11/11/2024
0.0.84 174 11/9/2024
0.0.83 144 11/9/2024
0.0.82 209 11/8/2024
0.0.80 141 11/8/2024
0.0.79 150 11/8/2024
0.0.78 183 11/8/2024
0.0.77 143 11/8/2024
0.0.76 151 11/8/2024
0.0.75 141 11/8/2024
0.0.74 141 11/8/2024
0.0.73 138 11/8/2024
0.0.72 132 11/8/2024
0.0.71 134 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 132 11/7/2024
0.0.66 143 11/7/2024
0.0.65 149 11/7/2024
0.0.64 157 11/6/2024
0.0.63 140 11/6/2024
0.0.61 131 11/6/2024
0.0.60 132 11/6/2024
0.0.59 146 11/4/2024
0.0.58 147 11/1/2024
0.0.57 148 10/31/2024
0.0.56 154 10/31/2024
0.0.55 156 10/31/2024
0.0.54 200 10/30/2024
0.0.53 142 10/29/2024
0.0.52 153 10/29/2024
0.0.51 229 10/26/2024
0.0.50 145 10/26/2024
0.0.49 176 10/25/2024
0.0.48 136 10/25/2024
0.0.47 162 10/25/2024
0.0.46 132 10/25/2024
0.0.45 193 10/24/2024
0.0.44 125 10/24/2024
0.0.43 143 10/24/2024
0.0.42 208 10/23/2024
0.0.41 182 10/22/2024
0.0.40 237 10/18/2024
0.0.39 198 10/18/2024
0.0.38 187 10/18/2024
0.0.37 199 10/17/2024
0.0.36 158 10/17/2024
0.0.35 158 10/16/2024
0.0.34 144 10/16/2024
0.0.33 141 10/16/2024
0.0.32 136 10/15/2024
0.0.31 141 10/15/2024
0.0.30 127 10/15/2024
0.0.29 177 10/11/2024
0.0.28 207 10/11/2024
0.0.27 143 10/10/2024
0.0.26 142 10/10/2024
0.0.25 192 10/7/2024
0.0.24 183 10/2/2024
0.0.22 154 10/1/2024
0.0.21 291 9/27/2024
0.0.20 205 9/27/2024
0.0.19 184 9/26/2024
0.0.18 155 9/26/2024
0.0.17 212 9/25/2024
0.0.16 167 9/25/2024
0.0.15 147 9/24/2024
0.0.14 143 9/24/2024
0.0.13 171 9/24/2024
0.0.12 147 9/24/2024
0.0.11 147 9/23/2024
0.0.10 162 9/23/2024
0.0.9 140 9/23/2024
0.0.8 173 9/20/2024
0.0.7 152 9/19/2024
0.0.6 138 9/19/2024
0.0.5 153 9/18/2024
0.0.4 153 9/18/2024
0.0.3 147 9/18/2024
0.0.2 147 9/18/2024