Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Accordion] AccordionItem - defaultIsOpen does not exist

See original GitHub issue

Property 'defaultIsOpen' does not exist on type 'IntrinsicAttributes & Pick<AccordionItemProps - the defaultIsOpen property seems to be missing in version 1.0.0-rc.0 - Please check this issue 😃

Issue Analytics

State:
Created 3 years ago
Comments:12 (9 by maintainers)

Top GitHub Comments

4reactions

segunadebayocommented, Aug 6, 2020

Hi @ganeshkrishnasharma,

The AccordionItem can no longer be used in isolation. You might need to still wrap it within Accordion and add the defaultIndex to that instead.

<Accordion defaultIndex={0}>
  <AccordionItem />
</Accordion>

Feel free to also consider the other alternatives suggested by @dodas and @with-heart.

Cheers

1reaction

ganeshkrishnasharmacommented, Aug 6, 2020

Thanks much, will check on these suggestions 😃 @segunadebayo @with-heart @dodas

Top Results From Across the Web

start an accordion menu on a specific item in react

The accordion docs are very helpful, but I'm not sure how to make the accordion automatically open on a particular choice.

Upgrading to v1 - Chakra UI

Don't worry if your styles aren't exactly the same, this is to be ... You can no longer use AccordionItem in isolation, it...

Build Reusable Components with Vue.js. (Part 2 - Tealfeed

An accordion that accepts default item to be open. Prerequisites. A basic understanding of Vue is required. If not, kindly find available resources...

Accordion Item #2 - React-Bootstrap

Fully Collapsed State#. If you want your Accordion to start in a fully-collapsed state, then simply don't pass in a defaultActiveKey prop to...

Use Bootstrap Accordion with React - Pluralsight

React does not have its own set of elements to integrate into the React ... Using react-bootstrap , there is an element called...