UI5 / UI5/webcomponents

[Feature Request] ui5-tabcontainer: Place the Tabs-content outside the ui5-tabs-tag

Open
#8,208 7 comments 0 reactions 1 assignee View on GitHub

@olannyv is already working on this.

Since Feb 19, 2024.

feature request TOPIC RD
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Feature Request Description

Hey

Is it possible to place the content of the ui5-tab outside the ui5-tab tag?

thx in advance
Toni

Proposed Solution
<ui5-tabcontainer>
  <div class="whatever-header">
    <ui5-tab text="Tab 1" target="#tab-1"></ui5-tab>
    <ui5-tab text="Tab 2" target="#tab-2"></ui5-tab>
  </div>
  <div class="whatever-bottom">
    <div id="tab-1">Tab 1 content</div>
    <div id="tab-2">Tab 2 content</div>
  </div>
</ui5-tabcontainer>
Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy
  • I’m not disclosing any internal or sensitive information.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.