Form Components

Form components are the building blocks for user input and interaction in your Blazor applications. These components provide a consistent and accessible way to collect data from users.

Overview

ShellUI provides a comprehensive set of form components that work seamlessly together, built on top of Tailwind CSS for beautiful styling and accessibility features out of the box.

Available Components

Button

Interactive button component with multiple variants

Input

Text input field with validation support

Textarea

Multi-line text input component

Select

Dropdown selection component

Checkbox

Boolean input with checkbox styling

Radio Group

Radio button group for single selection

Switch

Toggle switch component

Toggle

Pressable toggle button

Label

Accessible form labels

Slider

Range input slider

Form

Form wrapper with validation

Input OTP

One-time password input field

Getting Started

To use form components in your project, install ShellUI via CLI or NuGet package:

# CLI Installation (Recommended)
dotnet tool install -g ShellUI.CLI
shellui init
shellui add button input textarea

# Or via NuGet
dotnet add package ShellUI.Components

Common Patterns

Form components in ShellUI follow consistent patterns:

Accessibility First: All components include proper ARIA attributes
Validation Ready: Built-in support for Blazor validation
Themeable: Easy customization with CSS variables
Responsive: Mobile-friendly by default
Type-Safe: Full C# type safety