Open one:
With icon on the right:
Open one with expanded first item by default:
Custom title:
Custom Title 1} id="example1.1">
Custom Title 2} id="example1.2">
Open one based on props:
initialState = {
activeKey: 'example1.1'
};
setState({ activeKey: key })} activeKey={(state.activeKey)}>
Open multiple:
Open multiple items with expanded(1st and 3th) by default:
Open multiple based on props:
initialState = {
activeKey: ['example3.2']
};
setState({ activeKey: key })}>
With custom CollapseItem component:
const CustomCollapseItem = ({ id, isActive, title, children, onClick }) => (
{title}
{isActive &&
{children}
}
);
initialState = {
activeKey: 0
};
setState({ activeKey: key })}>