harmonium
harmonium copied to clipboard
As a user, I want the vars & props for the Tabs component documented on the site
Scenario: Vars Table
- [ ] Create a new folder in
/docs-src/src/pages/components
calledTabsTables
- [ ] 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 saysTabs 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.
- [ ] Table Headers:
- [ ] 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 calledTabsProps.js
- [ ] Table details:
- [ ] Table Headers:
Name
,Type
,Default
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysTabs 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.)
- [ ] Table Headers:
- [ ] 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 />
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.
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.