Contents

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "button", "tab" ]
  static values = { selected: String }

  initialize() {
    this.#showSelectedTab()
  }

  select(event) {
    this.selectedValue = event.target.dataset.value
    this.#showSelectedTab()
  }

  #showSelectedTab() {
    this.buttonTargets.forEach(element => {
      element.dataset.selected = element.dataset.value === this.selectedValue
    })

    this.tabTargets.forEach(element => {
      element.hidden = element.dataset.value !== this.selectedValue
    })
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

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