ChatAIze.DopamineUI.Templates
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 new install ChatAIze.DopamineUI.Templates::0.8.10
This package contains a .NET Template Package you can call from the shell/command line.
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 />
-
net8.0
- No dependencies.
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.5 | 39 | 11/28/2024 |
0.9.4 | 77 | 11/17/2024 |
0.9.3 | 69 | 11/17/2024 |
0.9.2 | 75 | 11/17/2024 |
0.9.1 | 58 | 11/17/2024 |
0.9.0 | 67 | 11/16/2024 |
0.8.20 | 78 | 11/14/2024 |
0.8.19 | 72 | 11/13/2024 |
0.8.18 | 62 | 11/13/2024 |
0.8.17 | 87 | 11/10/2024 |
0.8.16 | 77 | 11/10/2024 |
0.8.15 | 73 | 11/8/2024 |
0.8.14 | 74 | 11/7/2024 |
0.8.13 | 72 | 11/6/2024 |
0.8.12 | 69 | 11/6/2024 |
0.8.11 | 76 | 11/5/2024 |
0.8.10 | 141 | 10/19/2024 |