Inputs

Small native-<input> wrappers that mirror their state into a sibling display element by DOM lookup (same by-class-name approach Modal/Dropdown use), rather than taking that state as props.

RangeInput

input[type=range] with a live track-fill (--input-range-pct CSS variable) and a paired <output for=…> / .input-range-value display.

Volume

Prop	Type	Default	Description
ref	Ref<HTMLInputElement>	—

Also accepts every native <input> attribute.

ColorInput

input[type=color] that mirrors its hex value into a sibling .input-color-value inside the closest .input-color-wrap.

Prop	Type	Default	Description
ref	Ref<HTMLInputElement>	—

Also accepts every native <input> attribute.

FileInput

input[type=file] that mirrors the selected filename(s) into a sibling .input-file-name inside the associated <label>.

No file chosen

Prop	Type	Default	Description
ref	Ref<HTMLInputElement>	—

Also accepts every native <input> attribute.

PasswordToggle / SearchClear

Show/hide and clear buttons for a paired <input>, used internally by TextField for type="password" and type="search". Reach for them directly only if you’re hand-rolling the .input-group markup instead of using TextField.

Prop	Type	Default	Description
controls	string	—	id of the paired input; defaults to the .input-control in the enclosing .input-wrapper.

Both also accept every native <button> attribute.