harmonium
harmonium copied to clipboard
As a user, I want the vars & props for the Expanding Columns component documented on the site
Scenario: Vars Table
- [ ] Create a new folder in
/docs-src/src/pages/components
calledExpandingColTables
- [ ] Create a new file in that folder called
ExpandingColVars.js
- [ ] Table details:
- [ ] Table Headers:
Variable Name
,Default Value
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysExpanding Column Vars
- [ ] 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. - [ ] 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 ExpandingColVars file into the main example page:
/docs-src/src/pages/components/ExpandingCol.js
- [ ] After the
ExampleSection
include<h3>Variables:</h3>
- [ ] Then call in the table:
<ExpandingColVars />
Scenario: Props Table
- [ ] Create a new file in the
ExpandingColTables
folder calledExpandingColProps.js
- [ ] Table details:
- [ ] Table Headers:
Name
,Type
,Default
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysExpanding Column 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 (make sure to also check the component's file to make sure you didnt miss any props that were not listed on the site.
- [ ] Table Headers:
- [ ] Import the ExpandingColProps file into the main example page:
/docs-src/src/pages/components/ExpandingCol.js
- [ ] After the Variables section include
<h3>Properties:</h3>
- [ ] Then call in the table:
<ExpandingColProps />
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.