@navinc/base-react-components/src/input.story.js

Nav's Pattern Library

import React from 'react'
import Input from './input.js'
import readme from './input.readme.md'

export default {
  title: 'Form Elements/Input',
  component: Input,
  parameters: {
    readme: { content: readme },
  },
}

export const Basic = (args) => <Input {...args} />

Basic.args = {
  lede: 'Input lede',
  label: 'Input some text',
  type: 'text',
  value: 'I am an input component',
  helperText: 'example',
  helperIcon: 'actions/circle-faq',
  tooltipText: 'Show a tooltip with the label',
  placeholder: 'placeholder',
  required: false,
  hasSpaceForErrors: false,
  isInvalid: false,
  disabled: false,
  errors: [],
}