Components#

SignalX DaisyUI provides a comprehensive set of UI components organized by category. All form components support the model binding pattern for seamless two-way data synchronization.

Actions

Interactive elements for user actions.

Button

Clickable buttons with variants, sizes, and states

Swap

Toggle between two content states with animation

Forms

Input components with model binding for two-way data sync.

Input & Forms

Input, Textarea, Select, Checkbox, Toggle, Radio, Range

File Input

File upload with model binding and previews

Rating

Star ratings with model binding and half-star support

Layout

Components for structuring page content.

Card

Flexible container for grouping content

Hero

Hero sections for landing pages and headers

Accordion & Collapse

Collapsible content sections with model binding

Carousel

Sliding content with navigation

Feedback

Components for user notifications and feedback.

Modal

Dialog overlay with model binding

Toast & Alert

Notifications and feedback messages

Skeleton & Loading

Loading placeholders and spinners

Badge & Indicator

Labels, counts, and status indicators

Steps & Timeline

Progress steps and timeline displays

Kbd & Countdown

Keyboard keys, countdowns, and radial progress

Navigation

Components for moving through the application.

Tabs

Tabbed navigation for content sections

Dropdown

Action menus and context menus

Drawer

Slide-out side panels with model binding

Data Display

Components for presenting data and content.

Table

Structured data in rows and columns

Chat

Chat bubbles for messaging interfaces