0.6.39 • Published 2 years ago
hpg-r3f-model-scene v0.6.39
rc-footer 🐾
Pretty Footer react component used in ant.design and antv.vision.
Live Demo
https://react-component.github.io/footer/
Install
Usage
import Footer from 'rc-footer';
import 'rc-footer/assets/index.css'; // import 'rc-footer/asssets/index.less';
import { render } from 'react-dom';
render(
<Footer
columns={[
{
icon: (
<img src="https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg" />
),
title: '语雀',
url: 'https://yuque.com',
description: '知识创作与分享工具',
openExternal: true,
},
]}
bottom="Made with ❤️ by AFX"
/>,
mountNode,
);
API
Property | Type | Default | Description |
---|---|---|---|
prefixCls | string | rc-footer | |
className | string | '' | additional class name of footer |
style | React.CSSProperties | style properties of footer | |
columns | Column Array | [] | columns data inside footer |
bottom | ReactNode | extra bottom area beneath footer columns | |
theme | 'light' | 'dark' | 'dark' | preset theme of footer |
backgroundColor | string | '#000' | background color of footer |
columnLayout | 'space-around' | 'space-between' | 'space-around' | justify-content value of columns element |
maxColumnsPerRow | number | - | max count of columns for each row |
Column
Property | Type | Default | Description |
---|---|---|---|
icon | ReactNode | icon that before column title | |
title | ReactNode | title of column | |
items | Item Array | [] | items data inside each column |
className | string | '' | additional class name of footer |
style | React.CSSProperties | style properties of footer |
Column Item
Property | Type | Default | Description |
---|---|---|---|
icon | ReactNode | icon that before column title | |
title | ReactNode | title of column | |
description | ReactNode | description of column, come after title | |
url | string | link url of item title | |
openExternal | boolean | false | link target would be _blank if openExternal is ture |
className | string | '' | additional class name of footer |
style | React.CSSProperties | style properties of footer | |
LinkComponent | React.ReactType | 'a' | the link element to render item |
Development
npm install
npm start
License
rc-footer is released under the MIT license.
node 版本 v16.10.0
0.6.39
2 years ago
0.6.38
2 years ago
0.6.37
2 years ago
0.6.36
2 years ago
0.6.34
2 years ago
0.6.33
2 years ago
0.6.32
2 years ago
0.6.31
2 years ago
0.6.30
2 years ago
0.6.29
2 years ago
0.6.28
2 years ago
0.6.27
2 years ago
0.6.26
2 years ago
0.6.25
2 years ago
0.6.24
2 years ago
0.6.23
2 years ago
0.6.22
2 years ago
0.6.21
2 years ago
0.6.20
2 years ago
0.6.19
2 years ago
0.6.18
2 years ago
0.6.17
2 years ago
0.6.16
2 years ago
0.6.15
2 years ago
0.6.14
2 years ago
0.6.13
2 years ago
0.6.12
2 years ago
0.6.11
2 years ago
0.6.10
2 years ago
0.6.9
2 years ago
0.6.8
2 years ago
0.0.31
2 years ago