react-faq-generator
TypeScript icon, indicating that this package has built-in type declarations

1.1.2 • Public • Published

react-faq-generator

This repository contains a simple Frequently Asked Questions Section generator in React applications.

Installation

NPM

npm install react-faq-generator

YARN

yarn add react-faq-generator

Usage

import React from 'react'
import FAQGenerator from 'react-faq-generator'

const MyApp = () => {
	const data = [
		{
			id: 1,
			question: 'What was the main cause of World War I?',
			answer: 'World War I began after the assassination of Austrian archduke Franz Ferdinand by South Slav nationalist Gavrilo Princip on June 28, 1914.'
		},
		{
			id: 2,
			question: 'What countries fought in World War I?',
			answer: 'The war pitted the Central Powers (mainly Germany, Austria-Hungary, and Turkey) against the Allies (mainly France, Great Britain, Russia, Italy, Japan, and, from 1917, the United States).'
		},
		{
			id: 3,
			question: 'How was trench warfare used in World War I?',
			answer: 'The widespread use of machine guns and rapid-firing artillery pieces on the Western Front meant that any exposed soldier was vulnerable.'
		}
	]

	return (
		<FAQGenerator data={data} />
	)
}

export default MyApp

Live Demo

You can check the live demo here

Properties

Property Type Default Value Description
data array of object null An array of questions & answers to be displayed. This prop must be passed.
title string 'FAQ' The title of the FAQ section.
className string '' The name of the class containing customm css rules to be applied.
darkMode boolean false If in dark mode then pass this prop as true.

License

MIT © alim1496

Readme

Keywords

Package Sidebar

Install

npm i react-faq-generator

Weekly Downloads

0

Version

1.1.2

License

MIT

Unpacked Size

12.6 kB

Total Files

15

Last publish

Collaborators

  • alim1496