Tabs : Tailwind Stimulus Components : Help Extending : Callbacks on selected/show? MutationObserver?

In https://github.com/excid3/tailwindcss-stimulus-components/blob/master/src/tabs.js it looks like change and showTab could perhaps be overridden? Chris Oliver ?

How would one:
a) do this, would the below be correct?
a) limit behavior to a specific model/controller in Rails?
b) pass an instance of a model ID to the Tabs Stimulus controller (seems like a data attribute? https://stackoverflow.com/a/63984848 )?

Existing:

  showTab() {
    this.tabTargets.forEach((tab, index) => {
      const panel = this.panelTargets[index]

      if (index === this.index) {
        panel.classList.remove('hidden')
        tab.classList.remove(...this.inactiveTabClasses)
        tab.classList.add(...this.activeTabClasses)

        // Update URL with the tab ID if it has one
        // This will be automatically selected on page load
        if (tab.id) {
          location.hash = tab.id
        }
      } else {
        panel.classList.add('hidden')
        tab.classList.remove(...this.activeTabClasses)
        tab.classList.add(...this.inactiveTabClasses)
      }
    })
  }

// Load all the controllers within this directory and all subdirectories.
// Controller files must be named *_controller.js.

import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"

const application = Application.start()
const context = require.context("controllers", true, /_controller\.js$/)
application.load(definitionsFromContext(context))

import { Dropdown, Modal, **Tabs**, Popover, Toggle, Slideover } from "tailwindcss-stimulus-components"
application.register('dropdown', Dropdown)
application.register('modal', Modal)
** application.register('tabs', Tabs) **
application.register('popover', Popover)
application.register('toggle', Toggle)
application.register('slideover', Slideover)

import { Tabs } from "tailwindcss-stimulus-components"

export default class extends Tabs {

  showTab() {
    super.showTab();
    this.tabTargets.forEach((tab, index) => {
      if (index === this.index) {
        // Do extra Stuff? 
      }
    }
  }
}