Package Exports

rc-picker
rc-picker/es/generate/moment
rc-picker/es/locale/ar_EG
rc-picker/es/locale/bg_BG
rc-picker/es/locale/ca_ES
rc-picker/es/locale/cs_CZ
rc-picker/es/locale/da_DK
rc-picker/es/locale/de_DE
rc-picker/es/locale/el_GR
rc-picker/es/locale/en_GB
rc-picker/es/locale/en_US
rc-picker/es/locale/es_ES
rc-picker/es/locale/et_EE
rc-picker/es/locale/fa_IR
rc-picker/es/locale/fi_FI
rc-picker/es/locale/fr_BE
rc-picker/es/locale/fr_FR
rc-picker/es/locale/he_IL
rc-picker/es/locale/hi_IN
rc-picker/es/locale/hr_HR
rc-picker/es/locale/hu_HU
rc-picker/es/locale/id_ID
rc-picker/es/locale/is_IS
rc-picker/es/locale/it_IT
rc-picker/es/locale/ja_JP
rc-picker/es/locale/kn_IN
rc-picker/es/locale/ko_KR
rc-picker/es/locale/ku_IQ
rc-picker/es/locale/lv_LV
rc-picker/es/locale/mn_MN
rc-picker/es/locale/ms_MY
rc-picker/es/locale/nb_NO
rc-picker/es/locale/nl_BE
rc-picker/es/locale/nl_NL
rc-picker/es/locale/pl_PL
rc-picker/es/locale/pt_BR
rc-picker/es/locale/pt_PT
rc-picker/es/locale/ro_RO
rc-picker/es/locale/ru_RU
rc-picker/es/locale/sk_SK
rc-picker/es/locale/sr_RS
rc-picker/es/locale/sv_SE
rc-picker/es/locale/ta_IN
rc-picker/es/locale/th_TH
rc-picker/es/locale/tr_TR
rc-picker/es/locale/uk_UA
rc-picker/es/locale/vi_VN
rc-picker/es/locale/zh_CN
rc-picker/es/locale/zh_TW
rc-picker/lib/generate/moment
rc-picker/lib/locale/ar_EG
rc-picker/lib/locale/bg_BG
rc-picker/lib/locale/ca_ES
rc-picker/lib/locale/cs_CZ
rc-picker/lib/locale/da_DK
rc-picker/lib/locale/de_DE
rc-picker/lib/locale/el_GR
rc-picker/lib/locale/en_GB
rc-picker/lib/locale/en_US
rc-picker/lib/locale/es_ES
rc-picker/lib/locale/et_EE
rc-picker/lib/locale/fa_IR
rc-picker/lib/locale/fi_FI
rc-picker/lib/locale/fr_BE
rc-picker/lib/locale/fr_FR
rc-picker/lib/locale/he_IL
rc-picker/lib/locale/hi_IN
rc-picker/lib/locale/hr_HR
rc-picker/lib/locale/hu_HU
rc-picker/lib/locale/id_ID
rc-picker/lib/locale/is_IS
rc-picker/lib/locale/it_IT
rc-picker/lib/locale/ja_JP
rc-picker/lib/locale/kn_IN
rc-picker/lib/locale/ko_KR
rc-picker/lib/locale/ku_IQ
rc-picker/lib/locale/lv_LV
rc-picker/lib/locale/mn_MN
rc-picker/lib/locale/ms_MY
rc-picker/lib/locale/nb_NO
rc-picker/lib/locale/nl_BE
rc-picker/lib/locale/nl_NL
rc-picker/lib/locale/pl_PL
rc-picker/lib/locale/pt_BR
rc-picker/lib/locale/pt_PT
rc-picker/lib/locale/ro_RO
rc-picker/lib/locale/ru_RU
rc-picker/lib/locale/sk_SK
rc-picker/lib/locale/sr_RS
rc-picker/lib/locale/sv_SE
rc-picker/lib/locale/ta_IN
rc-picker/lib/locale/th_TH
rc-picker/lib/locale/tr_TR
rc-picker/lib/locale/uk_UA
rc-picker/lib/locale/vi_VN
rc-picker/lib/locale/zh_CN
rc-picker/lib/locale/zh_TW

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rc-picker

Pretty Footer react component used in ant.design.

Live Demo

https://react-component.github.io/picker/

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' or '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-picker is released under the MIT license.