react-footer-hor v1.0.2

Installation

npm install react-footer-hor

npm install styled-components --save

Link with Example

import react from 'react';
import FooterBar from 'react-footer-hor';

function App() {
  return (
    <div>
    
    
      <FooterBar 
   
    //Chnage background color not requried default grey.
      bgColor=""

      //Change text color not requried default white.
      text_color=""
 
     //Change headline color of 4 rows not requried default red.
      headline_color=""

    //Chenge border color of 4 headline itmes not requried default white.
      border_color=""

     //Change first row headline required.
      first_headline_name="NEWS"
    
      //Change first row items minimum 3 items. Maximum 5 items for responsiveness items,  it must have unique names required.
      first_row_items={["Blog","Newsletter","my Book","ABOUT US","Lean in 15 Meals on Gousto"]}


     //Change second row headline required.
      second_headline_name="COMMUNITY"
 
      //Change second row items minimum 3 items. Maximum  5 items for responsiveness items, it must have unique names required.
      second_row_items={["YouTube Channel","Instagram","Twitter","Facebook","Google"]}


     //Change thred row headline required.
      three_headline_name="CONTACT US"

     //Change thred row items minimum 3 items. Maximum  5 items for responsiveness items, it must have unique required.
      three_row_items={["Support Centre","Newsletter","Fax & Email","Careers","Join Us"]}


     //Change four row headline required.
      four_headline_name="COMMUNITY"

     //Change fur row items minimum 3 items. Maximum  5 items for responsiveness items, it must have unique name required.
      four_row_items={["YouTube Channel","Instagram","Twitter","Facebook","Google"]}


       
     //Change footer items minimum 1 items. Maximum 3 items for responsiveness items , it must have unique names required.
     footer_items={["2022TERMS & CONDITION","@ THE FOOTER APP","SPRIVACY POLICYCOOKIE POLICY"]}

      
      
      />
    

    </div>
  );
}

export default App;

https://www.npmjs.com/package/react-footer-hor

https://github.com/goranivankovic/react-footer-hor

MIT

developed