Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7

Signal Forms usage

Bind the range slider directly to a Signal Forms field with either plain CSS or Tailwind CSS presentation.

Signal Forms price filter (Plain CSS)

Price range Minimum price Maximum price
$20$80

Minimum gap

Keep a required distance between endpoints while choosing the surrounding styling approach.

Booking window with a minimum gap (Plain CSS)

Booking window Start day End day
Day 25 to 70

Disabled state

Present the same disabled range in a plain CSS or Tailwind CSS container.

Locked budget (Plain CSS)

Locked budget Minimum value Maximum value