ChatAIze.DopamineUI.Templates 0.9.4 

dotnet new install ChatAIze.DopamineUI.Templates::0.9.4
This package contains a .NET Template Package you can call from the shell/command line.

hero

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" />
Email
 <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 />

  • net9.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.4 71 11/17/2024
0.9.3 66 11/17/2024
0.9.2 73 11/17/2024
0.9.1 56 11/17/2024
0.9.0 65 11/16/2024
0.8.20 76 11/14/2024
0.8.19 70 11/13/2024
0.8.18 60 11/13/2024
0.8.17 83 11/10/2024
0.8.16 73 11/10/2024
0.8.15 69 11/8/2024
0.8.14 70 11/7/2024
0.8.13 68 11/6/2024
0.8.12 64 11/6/2024
0.8.11 71 11/5/2024
0.8.10 139 10/19/2024

https://github.com/chataize/dopamine-ui/releases