Forms won't import at the root

I’m forced to import the Field, Control, and Input (and likely other modules) at react-bulma-components/lib/components/form rather than at react-bulma-components.

This works:

import {
  Columns,
  Heading,
  Box,
  Container,
  Section,
  Button,
  Level,
  Card,
  Media,
  Image,
  Content,
  Tag,
  Message,
  Hero
} from 'react-bulma-components';

import {
  Field,
  Control,
  Input
} from 'react-bulma-components/lib/components/form';

This does not work:

import {
  Columns,
  Heading,
  Box,
  Container,
  Section,
  Button,
  Level,
  Card,
  Media,
  Image,
  Content,
  Tag,
  Message,
  Hero,
  Field,
  Control,
  Input
} from 'react-bulma-components';

[verheyenkoen]

I struggled with this too until I found this ticket. I guess it would be good to note this in the README or in the storybook somehow.

[couds]

Hi @cereallarceny all the form components are inside the Form component,

you can do this

import { Form } from 'react-bulma-components';

const { Input, Field, Control } = Form;

Also I think I this this should work (didn’t tested yet)

import { Form: { Input, Control } } from 'react-bulma-components'