reactioncommerce / reaction-component-library Goto Github PK

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the slider component.

Create sitemap for style guide

Goals:

• Define navigation requirements
• Define how we will document components
• Define how we will document design guidelines
• Define what additional resources for style guide

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

Create architectural diagram for the style guide.

Goals:

• Stakeholder agreement on approach
• Get different teams/individuals/community on the same page as to our approach

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the accordian component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the checkbox component.

@efalayi commented on Mon Nov 27 2017

• What are the props in the Form component used for?
• What props are compulsory?
• What props can be overridden?
• What is the type of value expected in each prop?
• Can the schema prop have a branched data?
• How can the form component accommodate branched schema data?
• How can it be done to place form elements side by side?

@prinzdezibel commented on Tue Dec 12 2017

Could be that our own Component.Form will be superseded by http://forms.dairystatedesigns.com/reacto-form/ at some day in future. Not sure about the scope of both initiatives, though..

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the filter for search component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the lists component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the menu component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the button component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the image uploader component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the search component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the select component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the icons component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the Dropdowns component.

Define base colors w/ variables for button states, alerts, notification etc.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the toast alerts component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the button group component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the spinners and loading bar component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the sortable table component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the modal component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the calendarPicker component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the icons component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the bulk editor component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the popover component.

As a contributor to Reaction Commerce, both core contributors or community contributors, I should be able to view a style guide that has:

• design guidelines for components,
• visual representation of our components with properties,
• the ability to select between our most common usages (i.e. buttons types)
• ability to copy react code
• design principles (now) and color, typography, and illustration guidelines (in the future).

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the multi select component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the badge component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the tooltip component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the toggle/switch component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for each component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the menu component.

@machikoyasuda commented on Fri Aug 18 2017

reactioncommerce/reaction#2656

@machikoyasuda commented on Fri Sep 29 2017

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the cards component.

#Example component:
Tasks
Create React Component in Style Guidist
Write tests on Style Guidist.
Add component to styleguidist (Design will already be added via guidelines via markdown)

Acceptance criteria
Pass code guidelines (to be provided in Style Guidist)
Component should meet all the design specs

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the textfield component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the progress component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the alerts component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the toolbar component.

As a developer for Reaction or a member of the Reaction community, I should be able to get design guidelines on a component level for the tag and tag editing component.