carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://carbon-for-ibm-products.netlify.app/
Apache License 2.0
90 stars 134 forks source link

Page header not collapsable without breadcrumbs #5655

Open Ashley-Johnson28 opened 1 month ago

Ashley-Johnson28 commented 1 month ago

The problem

Our team would like to have collapsable page headers when when we have just a title and button. Currently this is not happening and it creates a bit of an inconsistent experience.

The solution

Make the page header component collapsable for all variation (always when you have a button)

Design link

https://carbon-for-ibm-products.netlify.app/?path=/story/ibm-products-components-page-header-pageheader--with-breadcrumbs&globals=viewport:basic

Links to other materials

No response

Owner/main maintainer(s)

Carbon for products

Second/backup maintainer(s)

No response

Product/offering

NS1 Connect

Business priority

Low Priority = release date is not dependent on fix or not upcoming

Code of Conduct

elycheea commented 1 month ago

Adding notes since I responded to the initial message in support —

We do support the collapsed headers but found that without either a breadcrumb or action item, the collapsed header with the page title and button don’t render.

Checked the usage docs and while the breadcrumbs are typically expected as part of the page header but didn’t see anything for or against this particular use case.

There is a workaround although it’s a bit hacky — including a breadcrumb and then using CSS to hide it does allow you to accomplish this in the short term.

image