harmonium icon indicating copy to clipboard operation
harmonium copied to clipboard

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

Open blazebarsamian opened this issue 6 years ago • 2 comments

Scenario: Vars Table

  • [ ] Create a new folder in /docs-src/src/pages/components called TabsTables
  • [ ] Create a new file in that folder called TabsVars.js
  • [ ] Table details:
    • [ ] Table Headers: Variable Name, Default Value, Description
    • [ ] On small screens, there should be a Table.HeadStacked that says Tabs 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 TabsVars file into the main example page: /docs-src/src/pages/components/Tabs.js
  • [ ] After the ExampleSection include <h3>Variables:</h3>
  • [ ] Then call in the table: <TabsVars />

Scenario: Props Table

  • [ ] Create a new file in the TabsTables folder called TabsProps.js
  • [ ] Table details:
    • [ ] Table Headers: Name, Type, Default, Description
    • [ ] On small screens, there should be a Table.HeadStacked that says Tabs 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 TabsProps file into the main example page: /docs-src/src/pages/components/Tabs.js
  • [ ] After the Variables section include <h3>Properties:</h3>
  • [ ] Then call in the table: <TabsProps />

blazebarsamian avatar Jun 22 '18 18:06 blazebarsamian

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] avatar Apr 01 '19 19:04 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] avatar May 31 '19 17:05 revelry-stalebot[bot]