Skip to content

Latest commit

 

History

History

faq-component

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

FAQ Component

Description

Create a re-usable "Frequently Asked Questions" component.

FQA component

It should receive an array of question/answer objects, e.g.

[
  {
    question: "How many bones does a cat have?",
    answer: "A cat has 230 bones - 6 more than a human",
  },
  {
    question: "How much do cats sleep?",
    answer: "The average cat sleeps 12-16 hours per day",
  },
  {
    question: "How long do cats live",
    answer: "Outdoor cats live 5 years on average. Indoor\ncats live 15 years on average.",
  },
]

These should be rendered in the FAQ component, where clicking any question reveals the answer, and clicking again will hide it.

Requirements

  • The FAQ component should receive the list of questions in the JS object format above
  • Every question from the object should be displayed, with an adjacent chevron as in the mockup
  • Clicking any question should reveal the answer
  • Clicking a question again should hide the answer
  • The first answer should be revealed by default