[Feature Request]: ProductSwitch: Number of Items per Line should be responsive

[bachlge]

Feature Request Description

By specification the columns count is determinated by 2 things:

• items number (if items are > 6 show 4 columns and if they are <= 6 show 3 columns)
• available screen width (desktop based on items count, tablet 3 and mobile 1)

There is no API to override this default behaviour.

On bigger screens, there is a lot of empty space because of this non-responsive behaviour. See Basic Sample on Playground.

Proposed Solution

ProductSwitch should be fully responsive, determining column number dynamically by available space and make use of the available space.

Proposed Alternatives

Provide public methods for properties like useAllSpace, numColumns, minColumns, maxColumns.
or
Leave it as it is with poor look and feel.

Organization

No response

Additional Context

#9733 (reply in thread)

Priority

None

Privacy Policy

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

[didip1000]

Hey @SAP/ui5-webcomponents-topic-p,

Can you please take a look at this feature request?

Thank you,
Diana P.

[jvaradi-sap]

@bachlge Can you share the the full use case how the product switcher is currently used within your product?

[bachlge]

I am using ProductSwitch as a nice looking Navigation Menu (just like in the Basic Sample), ca 20 items, half the space is unused (poor look and feel).
Other use case would be to display search result as ProductSwitch items.