footer-fast
v1.0.28
Published
Create footer quickly with many flexible options - Lukim Nguyen
Downloads
65
Maintainers
Readme
footer-fast
Create footer quickly with many flexible options - Lukim Nguyen
Install
npm install --save footer-fast
Demo
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
| Property | Type | Default | Description | | |:-----------:|:-------------------:|:-------:|:-------------------------------:|---| | option | string | 1 | Choose Footer Layout | | | className | string | '' | additional class name of footer | | | style | React.CSSProperties | | style properties of footer | | | listColumns | Column Array | [] | columns data inside footer | | | background | string | #24262b | Background for footer | | | colorTitle | string | #fff | Color for title column | | | colorLabel | string | #bbbbbb | Color for label in column | | | icon | ReactNode | | Icon before label | |
License
MIT © LukiNguyen