Как реагируют меню Tab Semantic UI?

Question

https://react.semantic -ui.com / modules / tab # types-basic

Я пытаюсь центрировать вкладки меню по центру (слева и справа), но не могу 'Разберитесь с вкладкой документации.import React из 'реакции' import {Tab} из 'семантики-пользовательского интерфейса'

const panes = [
  { menuItem: 'Tab 1', render: () => <Tab.Pane>Tab 1 Content</Tab.Pane> },
  { menuItem: 'Tab 2', render: () => <Tab.Pane>Tab 2 Content</Tab.Pane> },
  { menuItem: 'Tab 3', render: () => <Tab.Pane>Tab 3 Content</Tab.Pane> },
]

const TabExampleBasic = () => <Tab panes={panes} />

export default TabExampleBasic

Answer 1

Вы можете сделать что-то вроде этого:

<Tab
      menu={{
        attached: true,
        tabular: true,
        style: {
          display: "flex",
          justifyContent: "center"
        }
      }}
      panes={panes}
    />

Answer 2

Вы должны сделать это следующим образом:

Меню вкладок = {{прикреплено: true, табличные: 'вправо'}} панели = {панели}

Вы можете установить для табличного значения значение true, влево или вправо.

Это также можно найти на https://react.semantic -ui.com / modules / tab .