ionic-team / ionic-team/ionic-framework

feat: ion-segment - Add horizontal scroll buttons

未关闭
#21,745 6 条评论 3 个 reaction 已指派 0 人 在 GitHub 查看
package: core type: feature request
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

# Feature Request

**Ionic version:**

[x] **4.x**

**Describe the Feature Request**
When having a larger number of ion-segment items that cannot be fitted on screen, we can enable property "scrollable", however it doesn't have any indication to the user that there are more elements / segments that are not showing. In other words, the user doesn't know that there are segments to scroll to that are not currently showing on the screen.

**Describe Preferred Solution**
Ideally, a property gets added to show scrollable buttons on far left and far right to indicate to the user that there are items hidden to the right or to the left. Example from the material ui library: https://material-ui.com/components/tabs/#forced-scroll-buttons

**Describe Alternatives** N/A

**Related Code** N/A

**Additional Context** N/A

贡献指南

打开贡献指南

调研方向

Start by locating the ion-segment implementation and its existing scrollable behavior. Review how segment items overflow the screen and determine the expected interaction for buttons at the far left and right. Done means users can discover and reach hidden segments in both directions, with behavior matching the requested Material UI example.

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend
Issue 类型
功能
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。