Cannot Import Form Components

Code:

import React from 'react';
import {Heading, Columns, Field} from 'react-bulma-components';

export default class CreateAccount extends React.Component {
  render() {
    return (
    <Columns>
      <Columns.Column className='has-text-centered'>
        <Heading>
          Create an Account
        </Heading>
        <Field></Field>
      </Columns.Column>
      <Columns.Column className="is-hidden-mobile has-text-centered">
        Right Stuff
      </Columns.Column>
    </Columns>);
  }
}

Error:

Version: 1.4.6

[couds]

Hi @bramski.

The Field Component its not on the root of export, all the Form components are inside the Form Namespace, can you change the code to look like this?

import React from 'react';
import {Heading, Columns, Form} from 'react-bulma-components';

export default class CreateAccount extends React.Component {
  render() {
    return (
    <Columns>
      <Columns.Column className='has-text-centered'>
        <Heading>
          Create an Account
        </Heading>
        <Form.Field></Form.Field>
      </Columns.Column>
      <Columns.Column className="is-hidden-mobile has-text-centered">
        Right Stuff
      </Columns.Column>
    </Columns>);
  }
}

Let me know if it works,

Thanks

[couds]

Closing this.