harmonium
harmonium copied to clipboard
As a user, I want the vars & props for the Radio component documented on the site
Scenario: Vars Table
- [ ] Create a new folder in
/docs-src/src/pages/components
calledRadioTables
- [ ] Create a new file in that folder called
RadioVars.js
- [ ] Table details:
- [ ] Table Headers:
Variable Name
,Default Value
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysRadio 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 RadioVars file into the main example page:
/docs-src/src/pages/components/Radio.js
- [ ] After the
ExampleSection
include<h3>Variables:</h3>
- [ ] Then call in the table:
<RadioVars />
Scenario: Props Table
- [ ] Create a new file in the
RadioTables
folder calledRadioProps.js
- [ ] Table details:
- [ ] Table Headers:
Name
,Type
,Default
,Description
- [ ] On small screens, there should be a
Table.HeadStacked
that saysRadio 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 RadioProps file into the main example page:
/docs-src/src/pages/components/Radio.js
- [ ] After the Variables section include
<h3>Properties:</h3>
- [ ] Then call in the table:
<RadioProps />
I've pushed up what I have for this ticket to my branch 270-radio-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.