nuke-biz-custom-feedback
Version:
custom-feedback
49 lines (33 loc) • 1.18 kB
Markdown
# 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>
)
```