Infsoft.WPE.App.UIComponents 0.0.120

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
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.120                

                    
                

            
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 0.0.120
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.120" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add Infsoft.WPE.App.UIComponents --version 0.0.120                

                    
                

            
#r "nuget: Infsoft.WPE.App.UIComponents, 0.0.120"
#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. 
// Install Infsoft.WPE.App.UIComponents as a Cake Addin
#addin nuget:?package=Infsoft.WPE.App.UIComponents&version=0.0.120

// Install Infsoft.WPE.App.UIComponents as a Cake Tool
#tool nuget:?package=Infsoft.WPE.App.UIComponents&version=0.0.120

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
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

PoICards

Name Figma Component File
PoICard.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. 
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.Authentication.Base

Base authentication library used in platform dependent auth libraries (Infsoft.WPE.App.Authentication.Web and Infsoft.WPE.App.Authentication.Maui) for infsoft's Workplace Experience application

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.1.2 0 2/18/2025
0.1.1 0 2/18/2025
0.1.0 0 2/18/2025
0.0.188 0 2/18/2025
0.0.187 0 2/18/2025
0.0.186 0 2/18/2025
0.0.185 49 2/17/2025
0.0.184 33 2/17/2025
0.0.183 63 2/17/2025
0.0.182 59 2/14/2025
0.0.181 45 2/13/2025
0.0.180 60 2/13/2025
0.0.179 49 2/13/2025
0.0.177 51 2/12/2025
0.0.176 90 2/10/2025
0.0.175 66 2/10/2025
0.0.174 137 2/7/2025
0.0.173 66 2/6/2025
0.0.172 47 2/6/2025
0.0.171 59 2/6/2025
0.0.170 62 2/6/2025
0.0.169 69 2/6/2025
0.0.168 63 2/6/2025
0.0.167 54 2/6/2025
0.0.166 78 2/6/2025
0.0.165 97 2/5/2025
0.0.164 79 2/5/2025
0.0.163 117 2/4/2025
0.0.162 87 2/4/2025
0.0.161 154 1/31/2025
0.0.160 73 1/31/2025
0.0.159 136 1/27/2025
0.0.158 261 1/24/2025
0.0.157 71 1/23/2025
0.0.156 70 1/22/2025
0.0.155 64 1/22/2025
0.0.154 82 1/21/2025
0.0.153 70 1/21/2025
0.0.152 81 1/17/2025
0.0.151 71 1/16/2025
0.0.150 93 1/16/2025
0.0.149 78 1/15/2025
0.0.148 80 1/15/2025
0.0.147 7 1/14/2025
0.0.146 54 1/13/2025
0.0.145 40 1/13/2025
0.0.144 38 1/13/2025
0.0.143 36 1/13/2025
0.0.142 39 1/13/2025
0.0.141 35 1/13/2025
0.0.140 34 1/13/2025
0.0.139 42 1/13/2025
0.0.138 154 1/8/2025
0.0.137 79 1/7/2025
0.0.136 125 12/18/2024
0.0.135 178 12/16/2024
0.0.134 88 12/16/2024
0.0.133 108 12/13/2024
0.0.132 97 12/12/2024
0.0.131 133 12/5/2024
0.0.130 108 12/4/2024
0.0.129 128 12/3/2024
0.0.128 86 12/3/2024
0.0.127 91 12/3/2024
0.0.126 108 12/3/2024
0.0.125 130 12/2/2024
0.0.124 96 12/2/2024
0.0.123 116 11/29/2024
0.0.122 97 11/29/2024
0.0.121 143 11/28/2024
0.0.120 382 11/26/2024
0.0.119 119 11/21/2024
0.0.118 86 11/21/2024
0.0.117 94 11/21/2024
0.0.116 95 11/21/2024
0.0.115 104 11/20/2024
0.0.114 100 11/20/2024
0.0.113 116 11/19/2024
0.0.112 122 11/19/2024
0.0.111 105 11/18/2024
0.0.110 86 11/18/2024
0.0.109 89 11/18/2024
0.0.108 85 11/18/2024
0.0.107 96 11/18/2024
0.0.106 105 11/18/2024
0.0.105 109 11/18/2024
0.0.104 443 11/15/2024
0.0.103 92 11/15/2024
0.0.102 85 11/15/2024
0.0.101 91 11/15/2024
0.0.100 86 11/15/2024
0.0.99 101 11/14/2024
0.0.98 115 11/14/2024
0.0.97 95 11/14/2024
0.0.96 93 11/14/2024
0.0.95 94 11/14/2024
0.0.94 118 11/12/2024
0.0.93 104 11/12/2024
0.0.92 99 11/12/2024
0.0.91 96 11/12/2024
0.0.90 123 11/11/2024
0.0.89 102 11/11/2024
0.0.88 98 11/11/2024
0.0.87 102 11/11/2024
0.0.86 110 11/11/2024
0.0.85 96 11/11/2024
0.0.84 119 11/9/2024
0.0.83 104 11/9/2024
0.0.82 168 11/8/2024
0.0.80 93 11/8/2024
0.0.79 105 11/8/2024
0.0.78 127 11/8/2024
0.0.77 102 11/8/2024
0.0.76 108 11/8/2024
0.0.75 98 11/8/2024
0.0.74 97 11/8/2024
0.0.73 98 11/8/2024
0.0.72 90 11/8/2024
0.0.71 91 11/8/2024
0.0.70 112 11/7/2024
0.0.69 94 11/7/2024
0.0.68 104 11/7/2024
0.0.67 88 11/7/2024
0.0.66 99 11/7/2024
0.0.65 105 11/7/2024
0.0.64 115 11/6/2024
0.0.63 96 11/6/2024
0.0.61 86 11/6/2024
0.0.60 87 11/6/2024
0.0.59 102 11/4/2024
0.0.58 100 11/1/2024
0.0.57 104 10/31/2024
0.0.56 111 10/31/2024
0.0.55 87 10/31/2024
0.0.54 153 10/30/2024
0.0.53 99 10/29/2024
0.0.52 108 10/29/2024
0.0.51 184 10/26/2024
0.0.50 102 10/26/2024
0.0.49 117 10/25/2024
0.0.48 92 10/25/2024
0.0.47 113 10/25/2024
0.0.46 92 10/25/2024
0.0.45 151 10/24/2024
0.0.44 86 10/24/2024
0.0.43 98 10/24/2024
0.0.42 152 10/23/2024
0.0.41 143 10/22/2024
0.0.40 190 10/18/2024
0.0.39 145 10/18/2024
0.0.38 135 10/18/2024
0.0.37 156 10/17/2024
0.0.36 115 10/17/2024
0.0.35 120 10/16/2024
0.0.34 101 10/16/2024
0.0.33 104 10/16/2024
0.0.32 98 10/15/2024
0.0.31 102 10/15/2024
0.0.30 88 10/15/2024
0.0.29 136 10/11/2024
0.0.28 167 10/11/2024
0.0.27 103 10/10/2024
0.0.26 100 10/10/2024
0.0.25 151 10/7/2024
0.0.24 142 10/2/2024
0.0.22 115 10/1/2024
0.0.21 239 9/27/2024
0.0.20 163 9/27/2024
0.0.19 137 9/26/2024
0.0.18 115 9/26/2024
0.0.17 173 9/25/2024
0.0.16 106 9/25/2024
0.0.15 105 9/24/2024
0.0.14 106 9/24/2024
0.0.13 129 9/24/2024
0.0.12 106 9/24/2024
0.0.11 109 9/23/2024
0.0.10 107 9/23/2024
0.0.9 102 9/23/2024
0.0.8 123 9/20/2024
0.0.7 108 9/19/2024
0.0.6 97 9/19/2024
0.0.5 112 9/18/2024
0.0.4 110 9/18/2024
0.0.3 107 9/18/2024
0.0.2 107 9/18/2024