harmonium icon indicating copy to clipboard operation
harmonium copied to clipboard

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

Open blazebarsamian opened this issue 6 years ago • 3 comments

Scenario: Vars Table

  • [ ] Create a new folder in /docs-src/src/pages/components called DatepickerTables
  • [ ] 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 says Datepicker 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 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 called DatepickerProps.js
  • [ ] Table details:
    • [ ] Table Headers: Name, Type, Default, Description
    • [ ] On small screens, there should be a Table.HeadStacked that says Datepicker 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.
  • [ ] 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 />

blazebarsamian avatar Jun 22 '18 16:06 blazebarsamian

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

download-6

blazebarsamian avatar Jun 22 '18 17: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 18: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]