react-ui-components
Version:
A collection of UI components for React
288 lines (287 loc) • 5.13 kB
JavaScript
module.exports = {
sidebarData: [
{
'display': 'Buttons',
'link': 'buttons'
},
{
'display': 'Dialog',
'link': 'dialog'
},
{
'display': 'Icon Buttons',
'link': 'icon-button'
},
{
'display': 'Dropdown Menu',
'link': 'dropdown-menu'
},
{
'display': 'Toast',
'link': 'toast'
},
{
'display': 'Tab',
'link': 'tab'
},
{
'display': 'Search List',
'link': 'search'
}
],
menuItems: {
'font': [
{
'display': '普通',
'font-size': '11'
},
{
'display': '小标题',
'font-size': '7'
},
{
'display': '中标题',
'font-size': '14'
},
{
'display': '大标题',
'font-size': '16'
}
],
'font-size': [
{
'display': 9
},
{
'display': 10
},
{
'display': 11
},
{
'display': 12
},
{
'display': 14
},
{
'display': 18
},
{
'display': 24
},
{
'display': 30
},
{
'display': 36
}
],
'color': [
{
'display': '#f48287'
},
{
'display': '#f1ca18'
},
{
'display': '#a6c568'
},
{
'display': '#6699cc'
},
{
'display': '#a47ed2'
},
{
'display': '#888888'
},
{
'display': '#d0060e'
},
{
'display': '#da650a'
},
{
'display': '#17844c'
},
{
'display': '#0b24fb'
},
{
'display': '#670d7e'
},
{
'display': '#333333'
}
],
'align': [
{
'display': '左对齐',
'val': 'left'
},
{
'display': '居中对齐',
'val': 'center'
},
{
'display': '右对齐',
'val': 'right'
},
{
'display': '两端对齐',
'val': 'justify'
}
]
},
icons: [
{
tooltip: '全部已读',
iconBtnClass: 'fa fa-check'
},
{
tooltip: '消息设置',
iconBtnClass: 'fa fa-cog'
},
{
tooltip: '关机',
iconBtnClass: 'fa fa-power-off'
},
{
tooltip: '删除',
iconBtnClass: 'fa fa-remove'
},
{
tooltip: '分享',
iconBtnClass: 'fa fa-share'
},
{
tooltip: '编辑',
iconBtnClass: 'fa fa-pencil'
},
{
tooltip: '条形图',
iconBtnClass: 'fa fa-bar-chart'
},
{
tooltip: '两端对齐',
iconBtnClass: 'fa fa-align-justify'
}
],
searchList: [
{
'name': 'mike',
'email': 'mike.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'cristal',
'email': 'cristal.123@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'jorn',
'email': 'jorn.123.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'tom',
'email': 'tom.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'chenchen',
'email': 'chenchen.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'xping',
'email': 'xping.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'mary',
'email': 'mary@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'fat',
'email': 'fat@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'sheep',
'email': 'sheep@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'pythom',
'email': 'pdjha@qq.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'ada',
'email': 'ada@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'alan',
'email': 'alankdja@89.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'barry',
'email': 'barryjdajdhj@78.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'beck',
'email': 'beck@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'amos',
'email': 'amos@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'angel',
'email': 'angel@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'cash',
'email': 'cash@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'christ',
'email': 'christ@gmail.com',
'avatar': '../images/icon.png',
'status': ''
},
{
'name': 'yeo',
'email': 'yeo@gmail.com',
'avatar': '../images/icon.png',
'status': ''
}
]
}