ChatAIze.DopamineUI
0.8.10
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.8.10
NuGet\Install-Package ChatAIze.DopamineUI -Version 0.8.10
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.8.10" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add ChatAIze.DopamineUI --version 0.8.10
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: ChatAIze.DopamineUI, 0.8.10"
#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.8.10 // Install ChatAIze.DopamineUI as a Cake Tool #tool nuget:?package=ChatAIze.DopamineUI&version=0.8.10
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.10)
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.9.4 | 92 | 11/17/2024 |
| 0.9.3 | 73 | 11/17/2024 |
| 0.9.2 | 69 | 11/17/2024 |
| 0.9.1 | 68 | 11/17/2024 |
| 0.9.0 | 69 | 11/16/2024 |
| 0.8.20 | 88 | 11/14/2024 |
| 0.8.19 | 88 | 11/13/2024 |
| 0.8.18 | 71 | 11/13/2024 |
| 0.8.17 | 89 | 11/10/2024 |
| 0.8.16 | 87 | 11/10/2024 |
| 0.8.15 | 79 | 11/8/2024 |
| 0.8.14 | 77 | 11/7/2024 |
| 0.8.13 | 75 | 11/6/2024 |
| 0.8.12 | 75 | 11/6/2024 |
| 0.8.11 | 83 | 11/5/2024 |
| 0.8.10 | 119 | 10/12/2024 |
| 0.8.9 | 94 | 10/8/2024 |
| 0.8.8 | 92 | 9/21/2024 |
| 0.8.7 | 100 | 9/19/2024 |
| 0.8.6 | 114 | 9/14/2024 |
| 0.8.5 | 108 | 9/4/2024 |
| 0.8.4 | 93 | 8/29/2024 |
| 0.8.3 | 97 | 8/27/2024 |
| 0.8.2 | 98 | 8/27/2024 |
| 0.8.1 | 122 | 8/27/2024 |
| 0.8.0 | 94 | 8/26/2024 |
| 0.7.3 | 159 | 8/23/2024 |
| 0.7.2 | 121 | 8/23/2024 |
| 0.7.1 | 117 | 8/23/2024 |
| 0.7.0 | 117 | 8/14/2024 |
| 0.6.3 | 97 | 8/3/2024 |
| 0.6.2 | 79 | 7/26/2024 |
| 0.6.1 | 83 | 7/26/2024 |
| 0.6.0 | 79 | 7/25/2024 |
| 0.5.5 | 99 | 7/23/2024 |
| 0.5.4 | 84 | 7/23/2024 |
| 0.5.3 | 94 | 7/23/2024 |
| 0.5.2 | 95 | 7/23/2024 |
| 0.5.1 | 96 | 7/23/2024 |
| 0.5.0 | 102 | 7/22/2024 |
| 0.4.2 | 98 | 7/22/2024 |
| 0.4.1 | 104 | 7/22/2024 |
| 0.4.0 | 111 | 7/21/2024 |
| 0.3.3 | 102 | 7/20/2024 |
| 0.3.2 | 93 | 7/20/2024 |
| 0.3.1 | 91 | 7/20/2024 |
| 0.3.0 | 101 | 7/20/2024 |
| 0.2.0 | 110 | 6/15/2024 |
| 0.1.0 | 115 | 6/14/2024 |