1.0.28 • Published 2 years ago

footer-fast v1.0.28

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

footer-fast

Create footer quickly with many flexible options - Lukim Nguyen

NPM JavaScript Style Guide

Install

npm install --save footer-fast

Demo

alt text

Usage

import React from 'react'
import FooterFast from 'footer-fast'
const App = () => {
  return (
    <FooterFast 
        option="1"
        colorTitle='#ffffff'
        colorLabel="#bbbbbb"
        listColumn ={[
          {
              title:"About Us",
              options : [
                {
                  label:"Development process",
                  link:"https://citrineacademy.com/aboutus"
                },
                {
                  label:"Social responsibility",
                  link:"https://citrineacademy.com/responsibility"
                },
                {
                  label:"Location & Branch",
                  link:"https://citrineacademy.com/location"
                },
                {
                  label:"Career opportunities",
                  link:"https://citrineacademy.com/carrer"
                },
              ]
          },
          {
            title:"Study Promotion",
            options : [
              {
                label:"Start Up",
                link:"https://citrineacademy.com/start-up"
              },
              {
                label:"Programming Library",
                link:"https://citrineacademy.com/citrine-library"
              },
              {
                label:"Source Code & Project",
                link:"https://citrineacademy.com/source-code"
              }, 
            ]
        },{
          title:"",
          options : [
            {
              label:"Partner",
              link:"https://citrineacademy.com/partner"
            },
            {
              label:"Scholarship Policy",
              link:"https://citrineacademy.com/scholarship"
            }, 
            {
              label:"Community",
              link:"https://citrineacademy.com/carrer"
            },
          ]
      },{
        title:"Help",
        options : [
          {
            label:"Contact us",
            link:"https://citrineacademy.com/contact"
          },
          {
            label:"FAQs",
            link:"https://citrineacademy.com/faqs"
          },
          {
            label:"Education program",
            link:"https://citrineacademy.com/education-program"
          }, 
        ]
       },
        ]}
       />
  )
}
export default App

API

PropertyTypeDefaultDescription
optionstring1Choose Footer Layout
classNamestring''additional class name of footer
styleReact.CSSPropertiesstyle properties of footer
listColumnsColumn Array[]columns data inside footer
backgroundstring#24262bBackground for footer
colorTitlestring#fffColor for title column
colorLabelstring#bbbbbbColor for label in column
iconReactNodeIcon before label

License

MIT © LukiNguyen

1.0.28

2 years ago

1.0.27

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.0

2 years ago