Infsoft.WPE.App.UIComponents 0.0.118

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

                    
                

            
NuGet\Install-Package Infsoft.WPE.App.UIComponents -Version 0.0.118
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.118" />
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.118                

                    
                

            
#r "nuget: Infsoft.WPE.App.UIComponents, 0.0.118"
#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.118

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

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
Meta_List_Item.razor atoms/meta-list-item Link
Selection_List_Item.razor atoms/selection-list-item Link
Searchbar.razor atoms/searchbar Link
Nav_Tab.razor atoms/nav-tab Link
Link_Indicator.razor atoms/link-indicator Link
Buttons
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
PageElements
Name Figma Component File
Pagination_Dot.razor atoms/pagination.dot Link
Forms
Name Figma Component File
Form_Dropdown_Selection.razor atoms/form/dropdown Link
Form_Number_Picker.razor - Link
Form_Text_Input.razor atoms/form/text Link

General

Name Figma Component File
Icon.razor - Link
SwipeComponents
Name Figma Component File
Swipe_Component.razor - Link
Swipe_Component_Page.razor - Link
Login
Name Figma Component File
Login_Option_Button.razor - Link
Login_Selection_Overlay.razor - Link
Login_Input_Container.razor - Link
Texts
Name Figma Component File
Text.razor - Link
Text_Bold.razor - Link
Text_Display.razor - Link
Text_ExtraBold.razor - Link
Text_Regular.razor - Link
Text_Uppercase.razor - 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
Labels
Name Figma Component File
Label.razor ions/label Link
Label_Availability.razor ions/label (Free & Occupied) Link
Label_Brand.razor ions/label (Brand) Link
Label_Grey.razor ions/label (Grey) Link
Label_Outline.razor ions/label (Outline) Link
Label_Parking.razor ions/label-parking Link

Molecules

Name Figma Component File
List_Item.razor molecules/list-item Link
Dropdown_Body.razor molecules/dropdown-body Link
PageElements
Name Figma Component File
Page_Indicator.razor molecules/page-indicator Link
Forms
Name Figma Component File
Form_Dropdown.razor molecules/form/dropdown Link
Form_Slider.razor molecules/form/slider Link
Form_DateOnly.razor - Link
Form_TimeOnly.razor - Link
Form_DateTime.razor - Link
Form_Text.razor - Link
Form_Toggle_Button.razor - Link
FunctionButtons
Name Figma Component File
Function_Button.razor - Link
Function_Buttons_Horizontal_Scroll.razor molecules/function-buttons-horizontal-scroll Link

Organsims

Name Figma Component File
Nav_Entry_Slider.razor organisms/nav-entry-slider Link
Nav_Entry_Pageable_Content.razor - Link
Nav_Entry.razor - Link
Cards
Name Figma Component File
Card.razor - Link
Card_Pageable_Content.razor - Link
Card_With_Headline.razor - Link
Show_More.razor atoms/cards/show-more Link
Tiles
Name Figma Component File
Tile.razor - Link
Empty_Tile_Content.razor - Link
Error_Tile_Content.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. 
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.0.119 27 11/21/2024
0.0.118 24 11/21/2024
0.0.117 27 11/21/2024
0.0.116 29 11/21/2024
0.0.115 42 11/20/2024
0.0.114 41 11/20/2024
0.0.113 93 11/19/2024
0.0.112 85 11/19/2024
0.0.111 81 11/18/2024
0.0.110 61 11/18/2024
0.0.109 65 11/18/2024
0.0.108 61 11/18/2024
0.0.107 72 11/18/2024
0.0.106 82 11/18/2024
0.0.105 86 11/18/2024
0.0.104 161 11/15/2024
0.0.103 68 11/15/2024
0.0.102 61 11/15/2024
0.0.101 68 11/15/2024
0.0.100 64 11/15/2024
0.0.99 74 11/14/2024
0.0.98 88 11/14/2024
0.0.97 66 11/14/2024
0.0.96 66 11/14/2024
0.0.95 67 11/14/2024
0.0.94 91 11/12/2024
0.0.93 73 11/12/2024
0.0.92 68 11/12/2024
0.0.91 63 11/12/2024
0.0.90 96 11/11/2024
0.0.89 75 11/11/2024
0.0.88 73 11/11/2024
0.0.87 75 11/11/2024
0.0.86 83 11/11/2024
0.0.85 72 11/11/2024
0.0.84 95 11/9/2024
0.0.83 79 11/9/2024
0.0.82 117 11/8/2024
0.0.80 67 11/8/2024
0.0.79 80 11/8/2024
0.0.78 100 11/8/2024
0.0.77 79 11/8/2024
0.0.76 79 11/8/2024
0.0.75 71 11/8/2024
0.0.74 72 11/8/2024
0.0.73 71 11/8/2024
0.0.72 65 11/8/2024
0.0.71 64 11/8/2024
0.0.70 87 11/7/2024
0.0.69 68 11/7/2024
0.0.68 81 11/7/2024
0.0.67 65 11/7/2024
0.0.66 73 11/7/2024
0.0.65 81 11/7/2024
0.0.64 93 11/6/2024
0.0.63 72 11/6/2024
0.0.61 63 11/6/2024
0.0.60 63 11/6/2024
0.0.59 77 11/4/2024
0.0.58 77 11/1/2024
0.0.57 84 10/31/2024
0.0.56 89 10/31/2024
0.0.55 67 10/31/2024
0.0.54 135 10/30/2024
0.0.53 79 10/29/2024
0.0.52 92 10/29/2024
0.0.51 166 10/26/2024
0.0.50 86 10/26/2024
0.0.49 96 10/25/2024
0.0.48 72 10/25/2024
0.0.47 94 10/25/2024
0.0.46 73 10/25/2024
0.0.45 132 10/24/2024
0.0.44 67 10/24/2024
0.0.43 79 10/24/2024
0.0.42 133 10/23/2024
0.0.41 125 10/22/2024
0.0.40 173 10/18/2024
0.0.39 127 10/18/2024
0.0.38 119 10/18/2024
0.0.37 140 10/17/2024
0.0.36 99 10/17/2024
0.0.35 104 10/16/2024
0.0.34 85 10/16/2024
0.0.33 88 10/16/2024
0.0.32 81 10/15/2024
0.0.31 81 10/15/2024
0.0.30 70 10/15/2024
0.0.29 120 10/11/2024
0.0.28 151 10/11/2024
0.0.27 88 10/10/2024
0.0.26 81 10/10/2024
0.0.25 134 10/7/2024
0.0.24 124 10/2/2024
0.0.22 96 10/1/2024
0.0.21 221 9/27/2024
0.0.20 145 9/27/2024
0.0.19 119 9/26/2024
0.0.18 95 9/26/2024
0.0.17 157 9/25/2024
0.0.16 89 9/25/2024
0.0.15 86 9/24/2024
0.0.14 89 9/24/2024
0.0.13 111 9/24/2024
0.0.12 88 9/24/2024
0.0.11 95 9/23/2024
0.0.10 91 9/23/2024
0.0.9 88 9/23/2024
0.0.8 109 9/20/2024
0.0.7 94 9/19/2024
0.0.6 82 9/19/2024
0.0.5 98 9/18/2024
0.0.4 94 9/18/2024
0.0.3 90 9/18/2024
0.0.2 93 9/18/2024