lifeomic / chroma-react

Open source design system from LifeOmic, built with React
https://lifeomic.github.io/chroma-react/
MIT License
48 stars 9 forks source link

feat: Add secondary header to `<ExpansionPanel` #410

Closed dexterca closed 10 months ago

dexterca commented 10 months ago

We have a use case where we want to add secondary actions (or content) to the expansion panel header. This required some refactoring of the button element, which included adding an <IconButton so that we could allot some space for content to go between the clickable title and plus icon.

expansion-panel-secondary-header

MMFane commented 10 months ago

I'm curious for context: could you describe the use case?

dexterca commented 10 months ago

I'm curious for context: could you describe the use case?

@MMFane Here's an example of the use case. I'm currently accomplishing this with an absolute positioning workaround, which is not ideal. This PR allows me to remove the hack.

genomics-review-expansion-panels

github-actions[bot] commented 10 months ago

:tada: This PR is included in version 5.6.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: