angular / angular/components

[Tabs] Allow tabs to show vertical labels

未关闭
#3,223 19 条评论 55 个 reaction 已指派 0 人 在 GitHub 查看
area: material/tabs feature P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Bug, feature request, or proposal:
proposal

#### What is the expected behavior?
It display horizontally in any case and I can`t change this behavior from css or even code. I want display it in this way:
http://joxi.net/8An96qkiPVGe2O

#### What is the use-case or motivation for changing an existing behavior?
Sometimes I need to display sidenav (but designed as tabs) aligned to center or as part of inner block, but in column layout. It would be great add some property for tabs such as direction

#### Is there anything else we should know?
In addition, I used tabs for navigation between routes:
```


{{tabLink.label}}

```

I made this possible in this way:
```
.mat-tab-links {
display: flex;
position: relative;
flex-direction: column; //can`t change this filed by myself
}
```

贡献指南

打开贡献指南

调研方向

从 md-tab-nav-bar 入口点和 issue 中展示的 .mat-tab-links 样式开始,然后追踪标签链接的布局方式。当标签可以选择使用垂直方向的标签,同时保留现有的水平方向行为时,即视为完成。

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

评估

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

把新 issue 发到你的邮箱

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