-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add blog post - react-compound-components #75
base: master
Are you sure you want to change the base?
Conversation
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
1. **Accordion** - The outer wrapper component of the Accordion component. This is the root component of the Accordion component. | ||
2. **AccordionItem** - The component that allows us to define each accordion item. Each AccordionItem will have its AccordionButton and AccordionPanel components. | ||
3. **AccordionButton** - The header for the Accordion component.On clicking the accordion button will open the corresponding accordion panel. | ||
4. **AccordionPanel** - The panel for the accordion. This will hold the content of each accordion item. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
you can use this tool for the diagram
https://whimsical.com/
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do you want me to add the image that you had mentioned or shall i add this image?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please put more effort into the image
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added diagram similar to this. Please check
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
https://hemingwayapp.com/ |
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
posts/react-compound-components/2021-5-25-React-compound-compnents.md
Outdated
Show resolved
Hide resolved
ebfbffc
to
ef8c68a
Compare
No description provided.