Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FR]: Tabs的导航区域右侧增加操作栏位 extra #2873

Open
WuJiY opened this issue Dec 20, 2024 · 0 comments
Open

[FR]: Tabs的导航区域右侧增加操作栏位 extra #2873

WuJiY opened this issue Dec 20, 2024 · 0 comments

Comments

@WuJiY
Copy link

WuJiY commented Dec 20, 2024

这个功能解决了什么问题?

Tabs的导航区域右侧增加操作栏位 extra 扩展区域,比如需要更多点击等

你期望的组件设计是怎样的?

import React, { useState } from 'react'
import { Tabs } from '@nutui/nutui-react-taro'

const Demo1 = () => {
  const [tab1value, setTab1value] = useState<string | number>('0')
  return (
    <>
      <Tabs
        value={tab1value}
        onChange={(value) => {
          setTab1value(value)
        }}
**extra={<Button>....</Button>}**
      >
        <Tabs.TabPane title="Tab 1"> Tab 1 </Tabs.TabPane>
        <Tabs.TabPane title="Tab 2"> Tab 2 </Tabs.TabPane>
        <Tabs.TabPane title="Tab 3"> Tab 3 </Tabs.TabPane>
      </Tabs>
    </>
  )
}
export default Demo1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant