On multiple pages we have a FAQ (Frequently Asked Question) section. For this task, create a resuseable component that takes a JavaScript object of the schema:
{"QUESTION": "ANSWER"}
// For Example
{
"When Can I Join Tech Team?" : "Tech Team is Open Year-Round...."
}
This example shows only one question, but we expect to have 4-5 questions in each FAQ section.
Here is a picture of the designs on Figma:
There should be a dropdown effect, meaning the answer is initially hidden until a user clicks on it.
Definition of Done
[x] FAQ.jsx component is created and implemented properly and in the components folder (you do not need to add these to the pages yet)
[x] Show a screenshot or video in your PR on a blank page to demonstrate functionality
Description
On multiple pages we have a FAQ (Frequently Asked Question) section. For this task, create a resuseable component that takes a JavaScript object of the schema:
This example shows only one question, but we expect to have 4-5 questions in each FAQ section.
Here is a picture of the designs on Figma:
There should be a dropdown effect, meaning the answer is initially hidden until a user clicks on it.
Definition of Done