Rain likely. High near 45F. Winds NW at 10 to 20 mph. Chance of rain 90%.
Rain or snow showers in the morning will give way to partly cloudy skies in the afternoon. High 43F. Winds W at 5 to 10 mph. Chance of rain 30%.
recieves a dynamic array as the active prop
<AccordionWithHeadermultipleOkay={true}active={[0]}onChange={(panels) => console.log(panels)}>//... panels etc</AccordionWithHeader>
horizontalAlignment="centerSpaceBetween"
verticalAlignment="top"
horizontalAlignment="centerSpaceBetween"
verticalAlignment="top"
horizontalAlignment="centerSpaceAround"
verticalAlignment="center"
horizontalAlignment="centerSpaceAround"
verticalAlignment="center"
horizontalAlignment="center"
verticalAlignment="bottom"
horizontalAlignment="center"
verticalAlignment="bottom"
(uncontrolled with defaults)
For some advanced use cases, you may tap the accordion context with `useAccordionState()`
import { useAccordionState } from 'react-accordion-with-header';const MyComponentWithContext = () => {const [state] = useAccordionState();console.log('state: ', state);return <div></div>;};
Note you will receive an error if <MyComponentWithContext /> is not a child of <AccordionWithHeader />
Or something that represents it 😄... with responsive styling