Can you disable tabs in SemanticUI?

Question

It's possible disable a tab on semantic-ui Tab

Answer 1

Changing

 <a class="item" data-tab="examples">Examples</a>

to

<span class="item disabled">Examples</span>

appears to do the trick.

Answer 2

If anyone is trying to disable tab with Semantic UI React using panes, this can be done by wrapping menuItem inside <Menu.Item/>.

const panes = [
  {
    menuItem: "Menu 1", // <-- a string
    render: () => (
      <Tab.Pane attached={false}>
        <Stuff1/>
      </Tab.Pane>
    ),
  },
  {
    menuItem: <Menu.Item disabled>Menu 2</Menu.Item>, // <-- a menu item
    render: () => (
      <Tab.Pane attached={false}>
        <Stuff2/>
      </Tab.Pane>
    ),
  },
];

return (
  <Tab
    fluid
    menu={{ secondary: true, pointing: true, widths: panes.length }}
    panes={panes}
  />
);