Skip to content

v2.6.0

Choose a tag to compare

@ndlabdev ndlabdev released this 25 Aug 14:58
· 2 commits to main since this release
da572e4

Added

  • ColorPicker — inline color picker (custom saturation area, bits-ui Slider for the channels): hue and optional alpha sliders, preview swatch, eyedropper, editable text field with optional formatSelect, and preset swatches. Bindable value emits hex/rgb/hsl with alpha appended only when translucent; 5 sizes, 8 colors, onValueChange/onValueCommit, FormField integration, and ui overrides for all 16 slots. (#190)
  • ScrollArea — scrollable region with a custom overlay scrollbar that renders identically across browsers: orientation (vertical/horizontal/both), type (hover/scroll/auto/always), 4 sizes, 8 colors, optional permanent track, fade transition, scrollHideDelay, bind:viewportRef for programmatic scrolling, and ui overrides for every slot (root, viewport, content, scrollbar, thumb, corner). (#188)

Changed

  • Table — the table now scrolls inside a ScrollArea on both axes instead of a native scrollbar, so horizontal scrolling looks the same on every platform. Sticky headers, footers and pinned columns are unchanged. New scrollArea prop and scroll slot. (#188)
  • Sidebar — content scrolls through a ScrollArea instead of a native scrollbar, on desktop and in the mobile panel. New scrollArea prop. (#188)
  • Slideover — the body scrolls through a ScrollArea. New scrollArea prop. (#188)
  • NavigationMenu — a horizontal menu that overflows now scrolls through a ScrollArea. New scrollArea prop and scroll slot. (#188)
  • Lightbox — the thumbnail strip scrolls through a ScrollArea with a light thumb suited to the dark backdrop. New scrollArea prop and thumbnailsScroll slot. (#188)

Fixed

  • Popover — the arrow is now painted in the popover surface color instead of inheriting the body text color, so it no longer renders as a black triangle under a light panel. It follows the surface in dark mode too. (#186)
  • DropdownMenu — the arrow prop now actually draws an arrow. Its slot classes were never passed to the arrow, and overflow-hidden on the content clipped it away. The arrow is now painted in the menu surface color, and the content switches to overflow-visible only while the arrow is enabled. (#187)