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.

Sign up for GitHub

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

Jump to bottom

希望增加一个 Segment 分段控制器组件或基于 RadioButton 组件的 Segment 样式 #5499

Open
Tracked by #6736
, #6737
...
SuperManito opened this issue Dec 22, 2023 · 1 comment · May be fixed by #6794
Open
Tracked by #6736
, #6737
...

希望增加一个 Segment 分段控制器组件或基于 RadioButton 组件的 Segment 样式 #5499

SuperManito opened this issue Dec 22, 2023 · 1 comment · May be fixed by #6794
Labels
feature request New feature or request

Comments

@SuperManito
Copy link
Contributor

SuperManito commented Dec 22, 2023 •
edited
Loading

This function solves the problem (这个功能解决的问题)

现有Tabs组件的segment样式不能满足使用需要，自 2.37 版本起虽然已适配切换动画，但如果要用它实现分段控制器组件的效果仍需要通过css自定义width和padding，该样式的组件已大量应用与现代UI界面

Ant Design
https://ant.design/components/segmented-cn

TDesign
https://tdesign.tencent.com/vue-next/components/radio#%E6%8C%89%E9%92%AE%E5%8D%95%E9%80%89%E6%A1%86

Element Plus
https://element-plus.org/zh-CN/component/segmented.html

Radix UI
https://www.radix-ui.com/themes/docs/components/segmented-control

Material UI
https://mui.com/joy-ui/react-tabs/#segmented-controls

NextUI
https://nextui.org/docs/components/tabs#radius

Expected API (期望的 API)

如果是基于 Radio 组件的样式那就加个 Props type
也可以单独出一个组件
@github-actions github-actions bot added the feature request New feature or request label Dec 22, 2023
@SuperManito SuperManito changed the title RadioButton组件希望能加一个segment分段样式 希望增加一个 Segment 分段控制器组件或基于 RadioButton 组件的 Segment 样式 Aug 12, 2024
@RanMaoting
Copy link

+1,这个需求能加吗

This was referenced Feb 3, 2025
Closed
Closed
Open
Open
@zhengdaonian zhengdaonian linked a pull request Mar 6, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
feature request New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

adds n-segment component zhengdaonian/naive-ui
2 participants
@RanMaoting @SuperManito