search

equinor / design-system

The Equinor design system
MIT License
119 stars 63 forks source link

Vertical tabs #2628

Open StangelandN opened 1 year ago

StangelandN commented 1 year ago

Is your feature request related to a problem? Please describe. The designer on our team wants to use both horizontal and vertical tabs, with A, B, C going downwards and each of those should have 1, 2, 3 going sideways. As of now, there is no way to use EDS-tabs vertically

Describe the solution you'd like An option to set orientation on tabs. E.g. orientation: 'vertical'

Describe alternatives you've considered "Hacking" with CSS, or not using EDS at all. image

Additional context

Add any other context or screenshots about the feature request here.

lucasveil commented 1 year ago

This needs to be investigated further

BirteThornquist commented 1 year ago

Can Side bar cover this need? Needs to be investigated.

StangelandN commented 1 year ago

Can Side bar cover this need? Needs to be investigated.

Not in this case. This needs to be a part of an inner component, and the top bar would already be in use for some other information. And I don't think multiple side- and top bars are within the guidelines. See the following Figma-design for details: https://www.figma.com/file/fwk83Ooq5Jqv10EcO9EdlX/Ventus?node-id=2076%3A126683&t=n4yTlerETPbN6wAW-0