# CustomFeedback Demo

* order: 0

基本用法

---

```js
/** @jsx createElement */
import { createElement, Component, render } from 'rax';
import { View, Text, Page, ThemeProvider } from 'weex-nuke';
import CustomFeedback from 'nuke-biz-custom-feedback';

const { StyleProvider } = ThemeProvider;
const md = {
  Core: {
    'color-brand1-6': '#1a9cb7',
    'font-size-body-2': 14 * 2,
    'font-size-body-1': 14 * 2,
    'font-size-caption': 12 * 2
  }
};
class App extends Component {
  render() {
    return (
      <StyleProvider style={md} androidConfigs={{ materialDesign: true }}>
        <Page title="CustomFeedback">
          <Page.Intro main="success" />
          <CustomFeedback
            type="success"
            title="Success"
            message="There is something right for the right there is something right"
          />
          <Page.Intro main="info" />
          <CustomFeedback type="info" title="Infomational Notes" />
          <Page.Intro main="warning" />
          <CustomFeedback
            type="warning"
            title="Warning"
            message="There is something right for the right there is something right"
          />
          <Page.Intro main="error" />
          <CustomFeedback
            type="error"
            title="Error"
            message="There is something right for the right there is something right.There is something right for the right there is something right.There is something right for the right there is something right"
          />
          <Page.Intro main="error 222" />
          <CustomFeedback
            type="error"
            title="There is something right for the right there is something right.There is something right for the right there is something right.There is something right for the right there is something right"
          />
        </Page>
      </StyleProvider>
    );
  }
}
const styles = {
  feedbackWrap: {}
};
render(<App />);
```