pdh-design-system/src/organisms/Form/Form.stories.js

PDH Design System React Components

import React from 'react';
import Form from '@organisms/Form/Form';

export default {
  title: 'organisms/Form/Form',
  component: Form,
  argTypes: {},
};

const Template = (args) => {
  return (
    <Form>
      <Form.Group className="mb-3" controlId="formBasicEmail">
        <Form.Label>Email address</Form.Label>
        <Form.Control type="email" placeholder="Enter email" />
        <Form.Text className="text-muted">
          We'll never share your email with anyone else.
        </Form.Text>
      </Form.Group>

      <Form.Group className="mb-3" controlId="formBasicPassword">
        <Form.Label>Password</Form.Label>
        <Form.Control type="password" placeholder="Password" />
      </Form.Group>

      <Form.Group className="mb-3" controlId="formBasicCheckbox">
        <Form.Check type="checkbox" label="Check me out" />
      </Form.Group>
    </Form>
  );
};

export const _Form = Template.bind({});
_Form.args = {}