Skip to main content

onChange

Description​

Fires when a new tab is selected in the control

Usage​

onChange?: (ev: { value: string | number }) => void;

Parameters​

  • value - (required) the id of the newly selected tab

Example​

import { useState } from "react";

function Example() {
  const [active, setActive] = useState<number | string>(0);

  function handleChange(ev: { value: string | number }) {
    setActive(ev.value);
    console.log(ev.value);
    // => 2
  }

  return <Tabs options={tabs} value={active} onChange={handleChange} />;
}

Details​

The handler function returns the id of a newly selected tab.

Related article: Catching the change of the selected tab

Related sample: Tabs