Skip to content

JustinKasad/react-faq-component

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-faq-component

release issues license

React package to render FAQ section

Install

npm install --save react-faq-component

Usage

import React, { Component } from 'react'; import Faq from 'react-faq-component'; const data = { title: "FAQ (How it works)", rows: [ { title: "Lorem ipsum dolor sit amet,", content: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed tempor sem. Aenean vel turpis feugiat,   ultricies metus at, consequat velit. Curabitur est nibh, varius in tellus nec, mattis pulvinar metus.   In maximus cursus lorem, nec laoreet velit eleifend vel. Ut aliquet mauris tortor, sed egestas libero interdum vitae.   Fusce sed commodo purus, at tempus turpis.` }, { title: "Nunc maximus, magna at ultricies elementum", content: "Nunc maximus, magna at ultricies elementum, risus turpis vulputate quam, vitae convallis ex tortor sed dolor." }, { title: "Curabitur laoreet, mauris vel blandit fringilla", content: `Curabitur laoreet, mauris vel blandit fringilla, leo elit rhoncus nunc, ac sagittis leo elit vel lorem.   Fusce tempor lacus ut libero posuere viverra. Nunc velit dolor, tincidunt at varius vel, laoreet vel quam.   Sed dolor urna, lobortis in arcu auctor, tincidunt mattis ante. Vivamus venenatis ultricies nibh in volutpat.   Cras eu metus quis leo vestibulum feugiat nec sagittis lacus.Mauris vulputate arcu sed massa euismod dignissim. ` }, { title: "What is the package version", content: "v1.0.0" }] } export default class App extends Component { render() { return ( <div> <Faq data={data}/> </div> ) } }

Screenshot

Screenshot 1


Screenshot 2

TODO

  • Support HTML tags in content section.

License

MIT © binodswain

About

React package to render FAQ section

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 67.5%
  • CSS 26.5%
  • HTML 6.0%