Contents

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "button", "tab" ]
  static values  = { index: Number, default: 0 }

  select({ target }) {
    this.indexValue = target.dataset.index
  }

  indexValueChanged() {
    this.#showSelectedTab()
  }

  #showSelectedTab() {
    this.buttonTargets.forEach((element, index) => {
      element.ariaSelected = index === this.indexValue
    })

    this.tabTargets.forEach((element, index) => {
      element.hidden = index !== this.indexValue
    })
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
css-zero-0.0.36	lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js