Component changelog

Slot changelog

Component-specific release notes collected from the full changelog. This page filters the published entries that mention Slot.

Release

v1.2.0

npm
Minor Changes
  • befc825: OTPField takes mask, normalizeValue, onValueInvalid, inputMode, autoComplete and form, and gains OTPField.Separator. A required OTPField now blocks form submission until every slot is filled.

  • 07e6783: Add OTPField for one-time codes: a group of single-character inputs that fill left to right. Typing moves forward, Backspace moves back, arrows, Home and End move between slots, and pasting or SMS autofill (autocomplete="one-time-code") spreads a full code across them. validationType limits characters (numeric by default), type="password" masks them, onValueComplete fires once every slot is filled, autoSubmit submits the form, and name submits the code through a hidden input.

  • 07e6783: Add @radui/ui/Slot for building your own components on Rad UI: Slot merges its props and ref onto its child (the same behavior as asChild), mergeProps merges props objects (classes joined, styles merged, handlers chained) and composeRefs combines refs.

Release

v1.0.0

npm
Patch Changes
  • 5ff13c7: Expose stable data-slot anatomy markers on CheckboxGroup parts.

  • 4095f30: Expose stable data-slot anatomy markers on HoverCard root, trigger, content, and arrow parts.

  • 903a35d: Expose stable RadioGroup anatomy markers through data-slot attributes on root, label, item, and indicator parts.

  • ffab89f: Expose stable Select anatomy markers through data-slot attributes on root, trigger, content, group, item, item text, and item indicator parts.

  • 5f1af85: Expose stable Tabs anatomy markers through data-slot attributes on root, list, trigger, and content parts.

  • 8ca42a5: Expose TextField anatomy through stable data-slot attributes.

Release

v0.5.0

npm
Patch Changes
  • a25ee5aAdd a work-in-progress TextField compound API with slot and reset fragments, updated styling, Storybook stories, and behavioral test coverage.