UNPKG

nuke-biz-custom-feedback

Version:

custom-feedback

49 lines (33 loc) 1.18 kB
# CustomFeedback - category: UI - chinese: 图标 - type: UI组件 --- ## 何时使用 页面顶部的提示条,默认占满全屏宽度 <img src="https://img.alicdn.com/tfs/TB1TgLrh9_I8KJjy0FoXXaFnVXa-420-450.jpg" width="240" /> ## API 参数 | 说明 | 类型 | 默认值 -----|-----|-----|----- type | 类型:'success', 'info', 'warning', 'error' | string| 'success' title | 错误标题 |string | 无 message | 错误内容 |string | 无 ## demo ```js const md={ Core:{ 'color-brand1-6':'#1a9cb7', 'font-size-body-2': 14 * 2, 'font-size-body-1': 14 * 2, 'font-size-caption': 12 * 2, } } return ( <StyleProvider style={md} androidConfigs={{ materialDesign: true }}> <CustomFeedback type="success" title="Success" message="There is something right for the right there is something right" /> <CustomFeedback type="info" title="Infomational Notes"/> <CustomFeedback type="warning" title="Warning" message="There is something right for the right there is something right" /> <CustomFeedback type="error" title="Error" message="There is something right for the right there is something right" /> </StyleProvider> ) ```