search

observablehq / inputs

Better input elements
https://observablehq.com/framework/lib/inputs
ISC License
127 stars 34 forks source link

Prevent labels from overflowing #240

Open mootari opened 2 years ago

mootari commented 2 years ago

Fixes non-wrapping widget labels bleeding into other elements.

Before / after:

Before / after:

Test snippet:

(label => Inputs.form([
  Inputs.text({label}),
  Inputs.toggle({label}),
  Inputs.select([], {label}),
  Inputs.range([], {label}),
  Inputs.number([], {label}),
  Inputs.button('OK', {label}),
  Inputs.radio([label, label], {label}),
  Inputs.checkbox([label, label], {label}),
]))(
'reallyLongLabelThatDoesntWrapReallyLongLabelThatDoesntWrapreallyLongLabelThatDoesntWrapReallyLongLabel ThatDoesntWrap'
)