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.

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

The property "headerWidth" in <Tabs /> should configure "tab list" only #6554

Open
1 task done
foxyd-sage opened this issue Jan 30, 2024 · 1 comment
Open
1 task done

Comments

@foxyd-sage
Copy link

foxyd-sage commented Jan 30, 2024

Current behaviour

When use property headerWidth in the Tabs component, I expect that I can set tabs list only, but when we use headerWidth the tab content also changing the width. For example, when headerWidth="20%" the Tab content has width: auto.

Expected behaviour

When I want to use headerWidth, I'm not expect that this property will affect the Tab component.
We need to have opportunity to set up tabs list only.

Stackblitz or Storybook URL

https://stackblitz.com/edit/parsium-carbon-starter-dn3cjz?file=src%2FApp.tsx

JIRA Ticket (Sage Only)

No response

Suggested Solution

No response

Carbon Version

124.6.0, but on the latest as well

Design Tokens Version

^4.28.0

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

Windows

Anything else we should know?

If you need additional information please find me in the Slack :)

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@foxyd-sage foxyd-sage added Bug triage Triage Required labels Jan 30, 2024
@Parsium
Copy link
Contributor

Parsium commented Jan 30, 2024

FE-6346

@Parsium Parsium added On Backlog Squad Nebula tabs and removed triage Triage Required labels Jan 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants