Data Input Components

Data input components enable user interaction and form data collection.

DaisyCheckBox

Checkbox control with themed colors and variants.

Basic Usage

<daisy:DaisyCheckBox Content="Accept terms and conditions" />

Variants

<daisy:DaisyCheckBox Content="Default" />
<daisy:DaisyCheckBox Content="Primary" Variant="Primary" />
<daisy:DaisyCheckBox Content="Secondary" Variant="Secondary" />
<daisy:DaisyCheckBox Content="Accent" Variant="Accent" />
<daisy:DaisyCheckBox Content="Success" Variant="Success" />
<daisy:DaisyCheckBox Content="Warning" Variant="Warning" />
<daisy:DaisyCheckBox Content="Error" Variant="Error" />

Sizes

<daisy:DaisyCheckBox Content="Extra Small" Size="ExtraSmall" />
<daisy:DaisyCheckBox Content="Small" Size="Small" />
<daisy:DaisyCheckBox Content="Medium" Size="Medium" />
<daisy:DaisyCheckBox Content="Large" Size="Large" />

Properties

Property	Type	Default	Description
`Variant`	`DaisyCheckBoxVariant`	`Default`	Color variant
`Size`	`DaisySize`	`Medium`	Checkbox size
`IsChecked`	`bool?`	`null`	Checked state (null for indeterminate)

DaisyFileInput

Styled button/label for file selection.

Basic Usage

<daisy:DaisyFileInput Variant="Primary" 
                      PlaceholderText="Choose file" 
                      FileSelected="OnFileSelected" />

Event Handling

private void OnFileSelected(object sender, FileSelectedEventArgs e)
{
  var file = e.File;
  // Process selected file
}

DaisyInput

Text input field with labels, icons, floating labels, and helper text.

Basic Usage

<daisy:DaisyInput PlaceholderText="Enter your name" />

With Label and Helper Text

<daisy:DaisyInput Label="Email" 
                  PlaceholderText="[email protected]" 
                  HelperText="We'll never share your email" 
                  Variant="Bordered" />

Variants

Bordered
Ghost
Primary

<daisy:DaisyInput PlaceholderText="Bordered input" 
                  Variant="Bordered" />

<daisy:DaisyInput PlaceholderText="Ghost input" 
                  Variant="Ghost" />

<daisy:DaisyInput PlaceholderText="Primary input" 
                  Variant="Primary" />

With Icons

<daisy:DaisyInput PlaceholderText="Search..." 
                  StartIcon="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" 
                  Variant="Bordered" />

<daisy:DaisyInput PlaceholderText="Enter amount" 
                  EndIcon="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" 
                  Variant="Bordered" />

Floating Label

<daisy:DaisyInput FloatingLabel="Email address" 
                  UseFloatingLabel="True" 
                  Variant="Bordered" />

Required/Optional Indicators

<daisy:DaisyInput Label="Required field" 
                  IsRequired="True" 
                  Variant="Bordered" />

<daisy:DaisyInput Label="Optional field" 
                  ShowOptionalText="True" 
                  Variant="Bordered" />

Properties

Property	Type	Default	Description
`Variant`	`DaisyInputVariant`	`Default`	Visual style
`Size`	`DaisySize`	`Medium`	Input size
`Label`	`string`	`null`	Label text
`PlaceholderText`	`string`	`null`	Placeholder
`HelperText`	`string`	`null`	Helper text below input
`IsRequired`	`bool`	`false`	Shows required indicator
`ShowOptionalText`	`bool`	`false`	Shows “(Optional)“
`StartIcon`	`string`	`null`	SVG path for left icon
`EndIcon`	`string`	`null`	SVG path for right icon
`UseFloatingLabel`	`bool`	`false`	Enables floating label

DaisyRadio

Radio button with themed colors.

Basic Usage

<StackPanel Spacing="8">
  <daisy:DaisyRadio Content="Option 1" GroupName="Options" IsChecked="True" />
  <daisy:DaisyRadio Content="Option 2" GroupName="Options" />
  <daisy:DaisyRadio Content="Option 3" GroupName="Options" />
</StackPanel>

Variants

<daisy:DaisyRadio Content="Primary" Variant="Primary" GroupName="G1" />
<daisy:DaisyRadio Content="Secondary" Variant="Secondary" GroupName="G2" />
<daisy:DaisyRadio Content="Accent" Variant="Accent" GroupName="G3" />

DaisyRange

Slider control with value display and step support.

Basic Usage

<daisy:DaisyRange Minimum="0" 
                  Maximum="100" 
                  Value="50" 
                  Variant="Primary" />

With Steps

<daisy:DaisyRange Minimum="0" 
                  Maximum="100" 
                  Value="25" 
                  StepFrequency="25" 
                  ShowSteps="True" 
                  Variant="Primary" />

Properties

Property	Type	Default	Description
`Minimum`	`double`	`0`	Minimum value
`Maximum`	`double`	`100`	Maximum value
`Value`	`double`	`0`	Current value
`StepFrequency`	`double`	`1`	Step increment
`ShowSteps`	`bool`	`false`	Shows step markers
`Variant`	`DaisyRangeVariant`	`Default`	Color variant

DaisyRating

Star rating control with interaction and partial fill support.

Basic Usage

<daisy:DaisyRating Rating="4.5" MaxRating="5" />

Interactive

<daisy:DaisyRating Rating="{x:Bind UserRating, Mode=TwoWay}" 
                   MaxRating="5" 
                   IsInteractive="True" 
                   RatingChanged="OnRatingChanged" />

Custom Colors

<daisy:DaisyRating Rating="4" 
                   MaxRating="5" 
                   Variant="Warning" 
                   Size="Large" />

Properties

Property	Type	Default	Description
`Rating`	`double`	`0`	Current rating value
`MaxRating`	`int`	`5`	Maximum rating
`IsInteractive`	`bool`	`false`	Allows user interaction
`Variant`	`DaisyRatingVariant`	`Warning`	Star color
`Size`	`DaisySize`	`Medium`	Star size

DaisySelect

Themed ComboBox/dropdown selector.

Basic Usage

<daisy:DaisySelect PlaceholderText="Choose option" Variant="Bordered">
  <ComboBoxItem Content="Option 1" />
  <ComboBoxItem Content="Option 2" />
  <ComboBoxItem Content="Option 3" />
</daisy:DaisySelect>

With Data Binding

<daisy:DaisySelect ItemsSource="{x:Bind Options}" 
                   SelectedItem="{x:Bind SelectedOption, Mode=TwoWay}" 
                   DisplayMemberPath="Name" 
                   Variant="Bordered" />

DaisyTextArea

Multiline text input with resizing support.

Basic Usage

<daisy:DaisyTextArea PlaceholderText="Enter your message" 
                     MinHeight="100" 
                     Variant="Bordered" />

With Label

<daisy:DaisyTextArea Label="Comments" 
                     PlaceholderText="Add your comments here" 
                     HelperText="Maximum 500 characters" 
                     AcceptsReturn="True" 
                     Variant="Bordered" />

DaisyToggle

Switch toggle control with variants and sizes.

Basic Usage

<daisy:DaisyToggle IsOn="{x:Bind IsEnabled, Mode=TwoWay}" />

With Label

<StackPanel Orientation="Horizontal" Spacing="12">
  <daisy:DaisyToggle IsOn="{x:Bind EnableNotifications, Mode=TwoWay}" 
                     Variant="Primary" />
  <TextBlock Text="Enable Notifications" VerticalAlignment="Center" />
</StackPanel>

Variants and Sizes

<daisy:DaisyToggle Variant="Primary" Size="Small" />
<daisy:DaisyToggle Variant="Secondary" Size="Medium" />
<daisy:DaisyToggle Variant="Accent" Size="Large" />

Properties

Property	Type	Default	Description
`IsOn`	`bool`	`false`	Toggle state
`Variant`	`DaisyToggleVariant`	`Default`	Color variant
`Size`	`DaisySize`	`Medium`	Toggle size

Get Started

Core Concepts

Components

Advanced Features

Guides

​DaisyCheckBox

​Basic Usage

​Variants

​Sizes

​Properties

​DaisyFileInput

​Basic Usage

​Event Handling

​DaisyInput

​Basic Usage

​With Label and Helper Text

​Variants

​With Icons

​Floating Label

​Required/Optional Indicators

​Properties

​DaisyRadio

​Basic Usage

​Variants

​DaisyRange

​Basic Usage

​With Steps

​Properties

​DaisyRating

​Basic Usage

​Interactive

​Custom Colors

​Properties

​DaisySelect

​Basic Usage

​With Data Binding

​DaisyTextArea

​Basic Usage

​With Label

​DaisyToggle

​Basic Usage

​With Label

​Variants and Sizes

​Properties

​Next Steps

Layout

Navigation

Build docs developers (and LLMs) love

DaisyCheckBox

Basic Usage

Variants

Sizes

Properties

DaisyFileInput

Basic Usage

Event Handling

DaisyInput

Basic Usage

With Label and Helper Text

Variants

With Icons

Floating Label

Required/Optional Indicators

Properties

DaisyRadio

Basic Usage

Variants

DaisyRange

Basic Usage

With Steps

Properties

DaisyRating

Basic Usage

Interactive

Custom Colors

Properties

DaisySelect

Basic Usage

With Data Binding

DaisyTextArea

Basic Usage

With Label

DaisyToggle

Basic Usage

With Label

Variants and Sizes

Properties

Next Steps