title: Loading styles in ant design ui for react components
body: <p>I following the next example:</p>
  
  <p><a href="https://github.com/ant-design/ant-design/blob/master/components/form/demo/normal-login.md" rel="nofollow noreferrer">https://github.com/ant-design/ant-design/blob/master/components/form/demo/normal-login.md</a></p>
  
  <p>The code of the component and the stylesheet are described separately. How must I include the css in the react component?</p>
  
  <p>I tried creating a <code>login.css</code> file:</p>
  
  <pre class="lang-css prettyprint-override"><code>#components-form-demo-normal-login .login-form {
    max-width: 300px;
  }
  #components-form-demo-normal-login .login-form-forgot {
    float: right;
  }
  #components-form-demo-normal-login .login-form-button {
    width: 100%;
  }
  </code></pre>
  
  <p>And then modified one <code>className</code> (the submit button) to:</p>
  
  <pre class="lang-js prettyprint-override"><code>import styles from './login.css';    
  &lt;Button type="primary" htmlType="submit" className={styles.login-form-button}&gt;
      Log in
  &lt;/Button&gt;
  </code></pre>
  
  <p>but webpack tells me:</p>
  
  <pre><code>42:76  error  'form' is not defined    no-undef
  42:81  error  'button' is not defined  no-undef
  </code></pre>
  
  <p>How can I include the stylesheet?</p>