Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA thermostat dial from 10 to 30 degrees in half-degree steps with a Celsius or Fahrenheit switch, a heating or cooling status line and a debounced commit.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when the setting is a physical quantity with a sensible range that people nudge: temperature, brightness, fan speed.
Do not use it when the change is expensive or dangerous (use a confirm step instead of a debounce).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
target | number | required | Target in Celsius. |
current | number | required | Current room temperature in Celsius. |
onCommit | (celsius: number) => void | required | Called after the person stops turning the knob for delay ms. |
delay | number | optional | - |
The pattern ships with a Testing Library test (knob-thermostat.test.tsx) that covers the text values, heating or cooling status, the debounced commit and the unit switch.