jobiqo-cl/lib/es/src/components/02-atoms/01-forms/11-form-item/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import styled from 'styled-components';

/**
 * Form items are used for any kind of form input. It consists on a combination of components (compounded together) that
 * provide all the information to the user of what he needs to enter. These components are usually the label, the input (or select or other field)
 * and a description that helps the user in giving information on what is needed for that particular field.
 */
const FormItem = styled.div `
  display: flex;
  flex-direction: column;
  margin-bottom: ${props => props.theme.formItem.marginBottom};
  align-items: flex-start;
  position: relative;
`;

export { FormItem };