Enables custom full width AccordionAccordionSummary layouts, and adds more discreet custom props. Prior to this change, implementation of certain layouts was difficult because the header could not be easily made to fill the remaining space of the Accordion without using custom class names and css paths.
Adds fullWidth prop to AccordionSummary, setting the header and its container flex to 1 when enabled
Adds listStyle to List component to support inline customizing
Gives the Accordion a min-width so it doesn't clip its content when reflow in small screens
SUMMARY:
Enables custom full width
Accordion
AccordionSummary
layouts, and adds more discreet custom props. Prior to this change, implementation of certain layouts was difficult because the header could not be easily made to fill the remaining space of theAccordion
without using custom class names and css paths.fullWidth
prop toAccordionSummary
, setting the header and its containerflex
to1
when enabledlistStyle
toList
component to support inline customizingAccordion
amin-width
so it doesn't clip its content when reflow in small screensgap
to the summary stylesonIconButtonClick
callbackiconButtonProps
to theButton
Custom
storyhttps://github.com/EightfoldAI/octuple/assets/99700808/3a88904a-3980-41e3-bf4a-08faf7b30fee
JIRA TASK (Eightfold Employees Only):
ENG-80058
CHANGE TYPE:
TEST COVERAGE:
TEST PLAN:
Pull the PR branch and run
yarn
andyarn storybook
. Verify theAccordion
stories behave as expected.