UI5 / UI5/webcomponents

[SF][Feature Request][ui5-tab]: Support custom HEX code color for ui5-tab

Open
#10,974 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Feature Request Description

Hi team
We hope the colors support can include both semantics and more: 6-digit hex code from API.
Now the ui5-tab only support 5 cases of fixed colors using "design" property, we want to extend the color of ui5-tab by custom configuration.

Image
Proposed Solution

Support changing color of ui5-tab by 6-digit hex code custom configuration.
<ui5-tab text="tab" color="#6367de" />

Proposed Alternatives

No response

Organization

SAP SuccessFactors

Additional Context

This feature request is proposed by SAP SuccessFactors - talent module. Our b2511 business release have dependency on the implementation of this feature.

Priority

High

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.

Research direction

Start at the ui5-tab component entry point and review how its existing design property handles the five fixed colors. Clarify how a six-digit HEX value should coexist with those options, using the proposed color="#6367de" usage as the acceptance example. Completion means custom HEX colors are accepted and rendered by ui5-tab, with component coverage added or updated in the relevant test location.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.