angular / angular/components

[Tabs] Allow tabs to show vertical labels

Offen
#3,223 19 Kommentare 55 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/tabs feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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
}
```

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem md-tab-nav-bar-Einstiegspunkt und dem in der Issue gezeigten .mat-tab-links-Styling und verfolge anschließend, wie Tab-Links angeordnet werden. Das Ziel ist erreicht, wenn Tabs optional vertikal ausgerichtete Beschriftungen verwenden können und dabei das bestehende horizontale Verhalten erhalten bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.