react-faqs-component

    1.0.4 • Public • Published

    react-faqs-component

    Add smooth FAQ components to your React application

    installation

    npm i react-faqs-component

    Usage

    import package and and pass along the required data

    import FAQS from 'react-faqs-component';
    // the data object includes an array of the FAQS and answers, background color, title color, answer color and icon color
      const data ={
        faqs:[
            {question:"What is Lorem Ipsum?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate nulla ut libero blandit, suscipit euismod dui condimentum. Donec nulla sapien, pulvinar mattis risus non, scelerisque consectetur turpis."},
    
            {question:"Why do we use it?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate nulla ut libero blandit, suscipit euismod dui condimentum. Donec nulla sapien, pulvinar mattis risus non, scelerisque consectetur turpis."},
    
            {question:"Where does it come from?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate nulla ut libero blandit, suscipit euismod dui condimentum. Donec nulla sapien, pulvinar mattis risus non, scelerisque consectetur turpis."},
            
            {question:"Where can I get some?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate nulla ut libero blandit, suscipit euismod dui condimentum. Donec nulla sapien, pulvinar mattis risus non, scelerisque consectetur turpis."},
    
            {question:"Why do we use it?",answer:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate nulla ut libero blandit, suscipit euismod dui condimentum. Donec nulla sapien, pulvinar mattis risus non, scelerisque consectetur turpis."},
        ],
        backgroundColor:'#f4f5f9',
        titleColor:"#000",
        answerColor:"#000",
        iconColor:"#000",
      }
    
    <FAQS data={data}/>

    Preview

    https://user-images.githubusercontent.com/35291886/132847968-57ff8247-d482-4704-8e1a-a402913c9242.mp4

    Alt text Alt text

    Install

    npm i react-faqs-component

    DownloadsWeekly Downloads

    17

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    7.66 kB

    Total Files

    4

    Last publish

    Collaborators

    • jalome