weex-nuke/docs/feedback/demo/basic.md

基于 Rax 、Weex 的高性能组件体系 ~~

# Feedback 包含成功、失败、警告

- title_en: includes success / fail / warning
- order: 0

包含成功、失败、警告

---
```js
/** @jsx createElement */
import { View, Text, Feedback, Page } from 'weex-nuke';

<NukePlayGround>
  // success
  <Feedback type="success" style={styles.feedbackWrap}>
    There is something right for the right there is something right
  </Feedback>
  // fail
  <Feedback type="error" style={styles.feedbackWrap}>
    There is something error for the error there is something error
  </Feedback>
  // warning
  <Feedback type="warning" style={styles.feedbackWrap}>
    There is something warning for the warning there is something warning
  </Feedback>
<NukePlayGround>
```
---

```jsx

import { createElement, Component, render } from 'rax';
class App extends Component {
  render() {
    return (
      <Page title="Feedback">
        <Page.Intro main="success" />
        <Feedback type="success" style={styles.feedbackWrap}>
          There is something right for the right there is something right
        </Feedback>
        <Page.Intro main="error" />
        <Feedback type="error" style={styles.feedbackWrap}>
          There is something error for the error there is something error
        </Feedback>
        <Page.Intro main="warning" />
        <Feedback type="warning" style={styles.feedbackWrap}>
          There is something warning for the warning there is something warning
        </Feedback>
      </Page>
    );
  }
}
const styles = {
  feedbackWrap: {
    backgroundColor: '#ffffff',
    padding: 40
  }
};
render(<App />);
```