Spindle 23.11
Federico Peyrani
Federico PeyraniFrontend Engineer - ContentWise
Selene Malosso
Selene MalossoFrontend Engineer - Akamas

The crisp embrace of the chilly season is upon us, and it's that exciting time again when we unveil the latest Spindle release, brimming with all-new components to satiate your UI desires. As we have anticipated, one of our plans is to build a comprehensive suite of form controls, and it's time for the Radio and Switch components to hog the spotlight this time around. But the crown jewel of this release is the long-anticipated Table component, our most ambitious endeavour yet, evermore present in nothing but our wildest dreams since the very beginning. But let us unpack the details one by one:
The Radio component is your go-to choice when users need to select from a set of predefined options. It's the slickest way of presenting the user with a set of predefined choices, similar to what a Select would do, but in a more natural and user-friendly way.
Now, let's talk about the Switch, the cooler sibling of the checkbox component. Although they serve much the same purpose and you can use them interchangeably at your heart's content (we won't judge your favouritism), it is best suited when the option you are providing reflects an "on-off" status.
Name
Type
Level
Charizard
Fire, Flying
67
Blastoise
Water
56
Venusaur
Grass, Poison
83
Pikachu
Electric
100
And last but not least, the suburban legend of UI components, the Table. We understand just how frequently tables make their way into the applications we build. That's why we are planning extensive support for it in the future. This time we focused on intelligent auto layouts with dynamically resizing columns and a nifty virtual scrolling feature. Imagine crafting infinite-scrolling tables with effortless support for lazy loading, making it a breeze to conquer vast lists of data. Plus, it's got your back with row selection features and built-in sorting controls to enhance user interactions. Head over to our Storybookcall_made to see other usage examples. That's it for this release, you can find the full changelog with the behind-the-scenes changes below. Surmise that we're always cooking up something new and exciting, so the next batch of components and nifty features is just around the corner. Keep those curious minds at the ready – we'll be back before you know it! See you in the future,
Federico.

Full changelog:

@moviri/spindle-components

0.4.0

Minor Changes

  • arrow_right_alt Created Table and TableView component.

Patch Changes

  • arrow_right_alt Added styled focus ring to certain components (currently includes Button, Checkbox, Radio).
  • arrow_right_alt Fixed an alignment issue with the icons inside the TextField component.
  • arrow_right_alt Created Switch component.
  • arrow_right_alt Split react-aria and react-stately into its individual dependencies. This avoids installing all the packages required by react-aria and react-stately when using this package.
  • arrow_right_alt Added children prop to Checkbox to suppress missing aria-label warning.
  • arrow_right_alt Added global style resets, such as html/body dimensions, text selection colors and a custom scrollbar.
  • arrow_right_alt Added the "use client" to the generated source files to support the Next.js app directory.
  • arrow_right_alt Fixed a bug with react-aria when using the useModalOverlay hook caused by ariaHideOutside receiving a null reference when first rendering the component on the client (since the component is not rendered on the server).
  • arrow_right_alt Created Radio component.
  • arrow_right_alt Updated dependencies [fa3e257]:
  • arrow_right_alt @moviri/spindle-theme@0.1.2

@moviri/spindle-theme

0.1.2

Patch Changes
  • arrow_right_alt Added experimental support for parsing tokens defined in .sass files.