0.6.39 • Published 11 months 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
11 months ago
0.6.38
11 months ago
0.6.37
11 months ago
0.6.36
11 months ago
0.6.34
11 months ago
0.6.33
11 months ago
0.6.32
11 months ago
0.6.31
11 months ago
0.6.30
11 months ago
0.6.29
11 months ago
0.6.28
11 months ago
0.6.27
11 months ago
0.6.26
11 months ago
0.6.25
11 months ago
0.6.24
11 months ago
0.6.23
11 months ago
0.6.22
11 months ago
0.6.21
11 months ago
0.6.20
11 months ago
0.6.19
11 months ago
0.6.18
11 months ago
0.6.17
11 months ago
0.6.16
11 months ago
0.6.15
12 months ago
0.6.14
12 months ago
0.6.13
12 months ago
0.6.12
12 months ago
0.6.11
12 months ago
0.6.10
12 months ago
0.6.9
12 months ago
0.6.8
12 months ago
0.0.31
12 months ago