harmonium
harmonium copied to clipboard
As a user, I want the vars & props for the Date Picker component documented on the site
Scenario: Vars Table
- [ ] Create a new folder in
/docs-src/src/pages/components
calledDatepickerTables
- [ ] Create a new file in that folder called
DatepickerVars.js
- [ ] Table details:
- [ ] Table Headers:
Variable Name
,Default Value
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysDatepicker 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 DatepickerVars file into the main example page:
/docs-src/src/pages/components/DatePicker.js
- [ ] After the
ExampleSection
include<h3>Variables:</h3>
- [ ] Then call in the table:
<DatepickerVars />
Scenario: Props Table
Note: REALLY check this one. I don't think I got all of the props in there.
- [ ] Create a new file in the
DatepickerTables
folder calledDatepickerProps.js
- [ ] Table details:
- [ ] Table Headers:
Name
,Type
,Default
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysDatepicker 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 components file to make sure you didnt miss any props that were not listed on the site.
- [ ] Table Headers:
- [ ] Import the DatepickerProps file into the main example page:
/docs-src/src/pages/components/DatePicker.js
- [ ] After the Variables section include
<h3>Properties:</h3>
- [ ] Then call in the table:
<DatepickerProps />
I've pushed up what I have for this ticket to my branch 267-datepicker-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
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.