chakra-ui/zag @zag-js/accordion@2.0.0-next.0

on GitHub

Minor Changes

• 74c0a46 Thanks
  @segunadebayo! - Add getItemHeaderProps and an itemHeader anatomy part for the
  heading that wraps the trigger, enabling state-based styling via data-part.

  - <h3>
  + <h3 {...api.getItemHeaderProps({ value: item.id })}>
      <button {...api.getItemTriggerProps({ value: item.id })}>...</button>
    </h3>

  Add the loopFocus prop (default true) to control whether arrow-key focus wraps at the first/last trigger,
  consistent with tabs and toggle-group.

  accordion.machine({ loopFocus: false }) // stop at the ends instead of wrapping

Patch Changes

• Updated dependencies [5820feb]:
  • @zag-js/anatomy@2.0.0-next.0
  • @zag-js/types@2.0.0-next.0
  • @zag-js/dom-query@2.0.0-next.0
  • @zag-js/core@2.0.0-next.0
  • @zag-js/utils@2.0.0-next.0