harmonium
harmonium copied to clipboard
As a user, I want the vars & props for the Cards component documented on the site
Scenario: Vars Table
- [ ] Create a new folder in
/docs-src/src/pages/components
calledCardTables
- [ ] Create a new file in that folder called
CardVars.js
- [ ] Table details:
- [ ] Table Headers:
Variable Name
,Default Value
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysCard 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 CardVars file into the main example page:
/docs-src/src/pages/components/Card.js
- [ ] After the
ExampleSection
include<h3>Variables:</h3>
- [ ] Then call in the table:
<CardVars />
Scenario: Props Table
- [ ] Create a new file in the
CardTables
folder calledCardProps.js
- [ ] Table details:
- [ ] Table Headers:
Name
,Type
,Default
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysCard 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 CardProps file into the main example page:
/docs-src/src/pages/components/Card.js
- [ ] After the Variables section include
<h3>Properties:</h3>
- [ ] Then call in the table:
<CardProps />
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.