What's New

🧰 Your Icon Toolbox Just Got Bigger!

July 15, 2025

release_image

The new Playbook Icons page is officially live! 🎉 You can now explore all icons shipped directly from our internal playbook-icons repo — fully integrated and ready to use. The Icon kit supports both our custom icons and FontAwesome icons out of the box for full backward compatibility! Head over to the new Icons page to check them all out!

14.23.0 full list of changes:

Kit Enhancements:

  • Phone Number Input Kit: Validation to Trigger Only on Typing #4857 (elisashapiro)
  • Tooltip Kit: Add Use_click_to_open Prop - Rails Only #4814 (elisashapiro)
  • Advanced Table: Custom Header - React #4790 (nidaqg)
  • Advanced Table: Custom Sort - React #4767 (nidaqg)
  • Typeahead Kit: preserve_search_input - Rails #4791 (kangaree)
  • Table Kit: Sticky_left_column and Sticky_right_column Depends on Id Attribute - React Only #4804 (skduncan)

Fixed Bugs:

  • Global Props: Truncate - Type Expects Numbers - Docs Show Strings #4833 (skduncan)
  • Draggable Kit: Dragging Between Drag Containers to Not Break Page #4821 (nidaqg)
  • Badge Kit: Fixes for Bluriness on Some Monitors (not Display or Browser Issue) #4807 (skduncan)
  • Icons: Fixes for Bluriness on Some Monitors (not Display or Browser Issue) #4787 (skduncan)

Improvements:

Full Changelog

⚒️ Click-to-Open Tooltips & Core Dependency Updates! 🤖

June 20, 2025

release_image

Introducing the new useClickToOpen prop in the Tooltip Kit, so now you can set the tooltip to open on click instead of just hover! Core dependencies in Playbook have also been updated with Vite now at 6.3.5 and Terser at 5.39.0—for improved build performance and optimization. Lastly, we've updated Rails from 7.0.8.1 to 7.1, bringing in the latest framework enhancements and security updates. Dependabot has nothing on us!

14.22.0 full list of changes:

Kit Enhancements:

  • Advanced Table Kit: Selectable Rows Color Opacity #4779 (elisashapiro)
  • Table Kit: Styling Issue For One Column Table #4766 (elisashapiro)
  • Advanced Table Kit: Refactored Enhanced Element File for Better Load Time #4754 (nidaqg)
  • Tooltip Kit: Add useClickToOpen Prop - React Only #4764 (skduncan)
  • Advanced Table Kit: Pinned Rows to Always Pin Children #4747 (nidaqg)
  • Advanced Table Kit: Row Styling Prop #4735 (nidaqg)
  • Advanced Table: Continue Infinite Scroll - React #4734 (elisashapiro)
  • Advanced Table Kit: Header and Cell Alignment Control #4701 (nidaqg)
  • Table Kit: Use Data-sticky-id's Instead Of Repeated Id's - Rails #4753 (kangaree)

Deprecated:

Fixed Bugs:

  • Advanced Table Kit: Add Table Header Borders With Vertical Border and Multi-header #4744 (kangaree)
  • Advanced Table Kit: Fix Fullscreen Docs #4721 (kangaree)
  • Advanced Table Kit: Rounded Bottom Corners - Rails #4709 (kangaree)

Improvements:

Full Changelog

🔥 Advanced Table Advancements 🔥

June 03, 2025

release_image

The spotlight’s on the Advanced Table Kit this release! Sleeker scrollbars, brand-new row-pinning logic, and a smoother selectable row experience - because wrangling big tables should feel slick, not sticky (unless you WANT sticky, in which case have you seen our sticky headers, sticky columns and sticky rows?)

14.21.2 full list of changes:

Kit Enhancements:

  • Advanced Table Kit: Reduced Opacity on Scrollbar When Overflow-y Is Auto #4690 (nidaqg)
  • Advanced Table Kit: Scrollbarnone Prop for React and Rails #4677 (nickamantia)
  • Advanced Table Kit: Row Pinning Logic #4642 (elisashapiro)
  • Checkbox Kit: Indeterminate Checkbox Logic - Rails #4671 (kangaree)
  • Phone Number Input Kit: Option to Exclude Countries #4661 (skduncan)
  • Advanced Table Kit: Action Bar for Selectable Rows Logic - Rails (revert) #4638 (skduncan)
  • Checkbox Kit: Add Hidden Input Logic Rails #4689 (ElisaShapiro)

Fixed Bugs:

  • Advanced Table Kit: Fixes for Cell Alignment When No Subrows #4686 (nidaqg)
  • Advanced Table Kit: Fixes for Animation for Actions Bar #4678 (nidaqg)
  • Filter and Popover Kit: Safeguards for When Node Is Null #4674 (nidaqg)
  • Table Kit: Sticky Left and Right Columns With Responsive=none Should Not Go Into Mobile View on Small Screens #4670 (nickamantia)
  • Draggable Kit: Fixes Bug for Cross Container Drag Between Two Tables #4645 (kangaree)
  • Checkbox Kit: Fix Bug Overwriting Data Attributes - Rails #4679 (kangaree)
  • Dropdown Kit: Display 'no Option' With No Results In Autocomplete - Rails #4673 (kangaree)
  • Advanced Table Container: False First Column Border Bug - Rails Only #4654 (nickamantia)
  • Advanced Table: SCSS Syntax Error Fix for rgb Value #4699 (nidaqg)
  • Advanced Table: scrollBarNone scss Fixes #4705 (nidaqg)
  • Advanced Table: Fixes for Horizontal Rows Double when Container True #4698 (ElisaShapiro)

Improvements:

Full Changelog

Supercharged Dropdown Kit: Now with Typeahead & Multi-Select

May 22, 2025

release_image

Our Dropdown kit now supports typeahead functionality and multi-select out of the box! Type to filter results instantly, click to select, and enjoy seamless keyboard navigation. Under the hood we handle hidden inputs, form resets, and custom events—so you can ship rich, accessible selection controls faster! Both our React and Rails kits are fully standalone, each encapsulating its own logic so you (and we) only have one version of the kit for each language to deal with/break/fall in love with.

14.20.0 full list of changes:

Kit Enhancements:

  • Advanced Table Kit: Replace Dropdown With Popover for Columnvisibility + Expandbydepth Props #4639 (nidaqg)
  • Dropdown Kit: New Multiselect Functionality #4615 (nidaqg)
  • Dropdown Kit: Allow More Customization Of the Dropdown Display #4604 (nickamantia)
  • File Upload Kit: Error State #4614 (elisashapiro)
  • Advanced Table Kit: Columnvisibility Control #4579 (nidaqg)
  • Typeahead Kit: Option to Preserve Search Input on Click - React #4633 (skduncan)

Fixed Bugs:

  • Advanced Table Kit: Fix for Border When Stickyleftcolumn, Sticky Header and Columnbordercolor Used Together #4636 (nidaqg)
  • All Kits: Fix html_options Style Without Inline Styles Bug - Rails #4629 (kangaree)
  • Form Group Kit: Fix Select and Passphrase Inputs Error Misalignment #4626 (kangaree)
  • Multi Level Select Kit: Single Variant With Selectedids Are Rendering Value and Not Label #4623 (elisashapiro)
  • Form Pill Kit: Icon and Avatar Sizing Is Off #4620 (elisashapiro)
  • Home Address Street and Person Kits: Handle Undefined/null Values - React #4618 (kangaree)
  • Phone Number Input: Fix the Error Styles for Country Search - Rails & React #4610 (gmorris1242)

Improvements:

Full Changelog

✨ Glow Up: Activated ✨

May 08, 2025

release_image

Playbook just got a little more magical! No data? No problem — we’ve got a new Empty State Kit for that! We also supercharged our Dropdown which now supports typeahead functionality in both React and Rails, making it faster to find what you need. The Draggable Kit too got a glow-up with new dropzone UI options. And yes, the DatePicker got smarter about ranges and quickpicks! It’s a glow-up all around!

14.19.0 full list of changes:

Kit Enhancements:

Fixed Bugs:

  • Overlay Kit: Dynamic Variant Bug Fix - React #4597 (gmorris1242)
  • Table Kit: Expandable/collapsible Not Behaving Correctly When Multiple Icons Are Present #4582 (skduncan)
  • Select Kit: Inline Error Misaligns Arrow #4572 (elisashapiro)
  • Phone Number Input Kit: Error Causes Label to Move #4561 (skduncan)

Deprecated:

Improvements:

  • Playbook Website: Fix React Prop Table on Kit Collection Pages #4598 (skduncan)
  • Dependency Update/upgrade: @types/react-highlight-words #4570 (skduncan)
  • Add "triangle-exclamation" Icon to Error State Docs - Rails #4566 (skduncan)
  • Playbook Website: Kit Collection Variants Url Improvements #4554 (elisashapiro)
  • Playbook Website: Remove Sandpack #4546 (markdoeswork)
  • Playbook Website: Add Warning Icon to Error Docs - React #4548 (kangaree)

Full Changelog

🎙️Copy That - Introducing the New Copy Button Kit!

April 25, 2025

14 18 0

This release brings the brand new Copy Button Kit that makes copy/pasting text super easy out-of-the-box! Also highlighted in this release are several major updates to the Table and the Advanced Table kits including sticky columns and extended expansion control for the Advanced Table and customizable headers for the Table Kit!

14.18.0 full list of changes:

Kit Enhancements:

Improvements:

Fixed Bugs:

Full Changelog

📞 Lodash has left the chat

April 03, 2025

bye

We have done some spring cleaning and officially kicked Lodash to the curb, and swept out a bunch of bugs along the way! No more Lodash, fewer bugs, and a smoother ride!

14.17.0 full list of changes:

Kit Enhancements:

Fixed Bugs:

Improvements:

Full Changelog

✨ The Multi Level Select Kit Just Got Better! ✨

March 21, 2025

14 16 0 Release Banner

Our latest release introduces the ability to disable individual or parent options, validations for Rails, and React Hook Form support. We also made a few bug fixes for a smoother experience with the Multi Level Select in Rails forms!

14.16.0 full list of changes:

Kit Enhancements:

Fixed Bugs:

Improvements:

New Kits:

Full Changelog

🚀 Rails Typeahead Kit Update

March 7, 2025

Dynamic-Typeahead-Release-graphic

The Rails Typeahead kit now supports dynamic option rendering, matching the React version! Previously, only React could update options in real-time using state—now, Rails can too, making search experiences more flexible and interactive. No breaking changes—just update to the latest version and enjoy a more dynamic Typeahead! 🎉

14.15.0 full list of changes:

Kit Enhancements:

Fixed Bugs:

Improvements:

New Kit:

Full Changelog

🚀 Smarter Scroll Gradients in Playbook! 🎨

February 21, 2025

Overlay-Kit -Graphic

We’ve fine-tuned the Overlay Kit to improve the horizontal scrolling experience! Previously, the scroll-end gradient indicators were always visible on both ends, even when users couldn’t scroll left—causing confusion. With the new 'dynamic' prop, gradients now appear only when there’s more content to scroll toward.
Enjoy the improved clarity! 🚀✨

14.14.0 full list of changes:

Kit Enhancements:

Fixed Bugs:

  • Advanced Table: Multi Column Headers to work with Custom Cells (#4292) (@nidaqg)
  • React Date Picker - initializeOnce - Reinitialization with Other Inputs Bug (#4240) (@kangaree)

Improvements:

Deprecated:

Full Changelog

  • 2
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 30
  • 31