As a user, I want the vars & props for the InputGroup component documented on the site

[blazebarsamian]

Scenario: Vars Table

• [ ] Create a new folder in /docs-src/src/pages/components called InputGroupTables ~- [ ] Create a new file in that folder called InputGroupVars.js~ ~- [ ] Table details:~ ~- [ ] Table Headers: Variable Name, Default Value, Description~ ~- [ ] On small screens, there should be a Table.HeadStacked that says InputGroup Vars~ ~- [ ] The Table Data should include <Table.HeaderInline>[Column Header]</Table.HeaderInline> before the table data so that the headers shows on small screens when the table stacks.~ ~- [ ] Make sure to check the settings file for any vars that were not listed at the top of the components stylesheet.~ ~- [ ] Import the InputGroupVars file into the main example page: /docs-src/src/pages/components/InputGroup.js~ ~- [ ] After the ExampleSection include <h3>Variables:</h3>~ ~- [ ] Then call in the table: <InputGroupVars />~

Scenario: Props Table

• [ ] Create a new file in the InputGroupTables folder called InputGroupProps.js
• [ ] Table details:
  • [ ] Table Headers: Name, Type, Default, Description
  • [ ] On small screens, there should be a Table.HeadStacked that says InputGroup Props
  • [ ] The Table Data should include <Table.HeaderInline>[Column Header]</Table.HeaderInline> before the table data so that the header shows on small screens when the table stacks. Example:

  •  <Table.Data>
        <Table.HeaderInline>Name:</Table.HeaderInline> <code>shrink</code>
     </Table.Data>
    

  • [ ] Include all possible props (also check the components file to make sure you didnt miss any props that were not listed on the site.)
• [ ] Import the InputGroupProps file into the main example page: /docs-src/src/pages/components/InputGroup.js
• [ ] After the Variables section include <h3>Properties:</h3>
• [ ] Then call in the table: <InputGroupProps />

[blazebarsamian]

I've pushed up what I have for this ticket to my branch 269-inputgroup-tables .

Props Table: Ready for someone to take over:

• [ ] Need to double check that I have included all the possible props.
• [ ] Need to double check that the type column has the correct types for each prop.
• [ ] Check that descriptions are accurate + finish filling in the ones that are incomplete

[revelry-stalebot[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[revelry-stalebot[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.