ChatAIze.DopamineUI
0.6.2
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package ChatAIze.DopamineUI --version 0.6.2
NuGet\Install-Package ChatAIze.DopamineUI -Version 0.6.2
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="ChatAIze.DopamineUI" Version="0.6.2" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add ChatAIze.DopamineUI --version 0.6.2
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: ChatAIze.DopamineUI, 0.6.2"
#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 ChatAIze.DopamineUI as a Cake Addin #addin nuget:?package=ChatAIze.DopamineUI&version=0.6.2 // Install ChatAIze.DopamineUI as a Cake Tool #tool nuget:?package=ChatAIze.DopamineUI&version=0.6.2
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Dopamine UI
An aesthetic C# .NET Blazor component library that makes the UI seamless and entertaining to use.
Installation
NuGet Package
.NET CLI
dotnet add package ChatAIze.DopamineUI
Package Manager Console
Install-Package ChatAIze.DopamineUI
CSS
App.razor File
<head>
<link rel="stylesheet" href="_content/ChatAIze.DopamineUI/css/tailwind.css">
</head>
[!NOTE] Dopamine UI is built with Tailwind CSS, however, you don't have to install, set up, or use Tailwind CSS by yourself. All styles are already pre-generated and included in the NuGet package.
Usage
For detailed examples, see our preview app.
Table of Contents
Button
Standard
<DPButton Text="Sign In" />
Full Width
<DPButton Text="Sign In" IsFullWidth="true" />
Accent
<DPButton Text="Create Account" Style="ButtonStyle.Accent" />
Destructive
<DPButton Text="Delete Account" Style="ButtonStyle.Destructive" />
Loading
<DPButton Text="Download" IsLoading="true" />
Disabled
<DPButton Text="Upgrade" IsDisabled="true" />
Text Field
Unlabeled
<DPTextField @bind-Value="Text" />
Standard
<DPTextField Label="Username" @bind-Value="Text" />
<DPTextField Label="Email" Type="TextFieldType.Email" @bind-Value="PropertyABC123" />
Password
<DPTextField Label="Password" Type="TextFieldType.Password" @bind-Value="PropertyABC123" />
Full Width
<DPTextField Label="Title" IsFullWidth="true" @bind-Value="PropertyABC123" />
Loading
<DPTextField Label="Display Name" IsLoading="true" @bind-Value="PropertyABC123" />
Disabled
<DPTextField Label="User ID" IsDisabled="true" @bind-Value="PropertyABC123" />
Text Area
Unlabeled
<DPTextArea @bind-Value="Text" />
Standard
<DPTextArea Label="Description" @bind-Value="Text" />
Full Width
<DPTextArea Label="Description" IsFullWidth="true" @bind-Value="PropertyABC123" />
Loading
<DPTextArea Label="Description" IsLoading="true" @bind-Value="PropertyABC123" />
Disabled
<DPTextArea Label="Description" IsDisabled="true" @bind-Value="PropertyABC123" />
Toggle Switch
Unlabeled
<DPToggleSwitch @bind-value="PropertyABC123" />
Standard
<DPToggleSwitch Label="Airplane Mode" @bind-value="PropertyABC123" />
Full Width
<DPToggleSwitch Label="Airplane Mode" IsFullWidth="true" @bind-value="PropertyABC123" />
Framed
<DPToggleSwitch Label="Airplane Mode" IsFrameVisible="true" @bind-value="PropertyABC123" />
Disabled
<DPToggleSwitch Label="Airplane Mode" IsDisabled="true" @bind-value="PropertyABC123" />
Checkbox
Unlabeled
<DPCheckBox @bind-value="PropertyABC123" />
Standard
<DPCheckBox Label="Remember Me" @bind-value="PropertyABC123" />
Full Width
<DPCheckBox Label="Remember Me" IsFullWidth="true" @bind-value="PropertyABC123" />
Framed
<DPCheckBox Label="Remember Me" IsFrameVisible="true" @bind-value="PropertyABC123" />
Disabled
<DPCheckBox Label="Remember Me" IsDisabled="true" @bind-value="PropertyABC123" />
Radio Button
Unlabeled
<DPRadioButton @bind-value="PropertyABC123" />
Standard
<DPRadioButton Label="Option A" @bind-value="PropertyABC123" />
Full Width
<DPRadioButton Label="Option B" IsFullWidth="true" @bind-value="PropertyABC123" />
Framed
<DPRadioButton Label="Option C" IsFrameVisible="true" @bind-value="PropertyABC123" />
Disabled
<DPRadioButton Label="Option D" IsDisabled="true" @bind-value="PropertyABC123" />
Divider
<DPDivider />
Product | Versions 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.
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.3)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
0.8.5 | 30 | 9/4/2024 |
0.8.4 | 65 | 8/29/2024 |
0.8.3 | 72 | 8/27/2024 |
0.8.2 | 70 | 8/27/2024 |
0.8.1 | 76 | 8/27/2024 |
0.8.0 | 68 | 8/26/2024 |
0.7.3 | 115 | 8/23/2024 |
0.7.2 | 78 | 8/23/2024 |
0.7.1 | 72 | 8/23/2024 |
0.7.0 | 77 | 8/14/2024 |
0.6.3 | 70 | 8/3/2024 |
0.6.2 | 52 | 7/26/2024 |
0.6.1 | 56 | 7/26/2024 |
0.6.0 | 50 | 7/25/2024 |
0.5.5 | 73 | 7/23/2024 |
0.5.4 | 61 | 7/23/2024 |
0.5.3 | 66 | 7/23/2024 |
0.5.2 | 67 | 7/23/2024 |
0.5.1 | 67 | 7/23/2024 |
0.5.0 | 73 | 7/22/2024 |
0.4.2 | 71 | 7/22/2024 |
0.4.1 | 76 | 7/22/2024 |
0.4.0 | 73 | 7/21/2024 |
0.3.3 | 74 | 7/20/2024 |
0.3.2 | 74 | 7/20/2024 |
0.3.1 | 67 | 7/20/2024 |
0.3.0 | 75 | 7/20/2024 |
0.2.0 | 90 | 6/15/2024 |
0.1.0 | 92 | 6/14/2024 |