How To...
How do I use an existing pattern or create a new pattern?
Designers will reference Pattern Lab when working on their designs.
How do I promote or update a pattern/component that isn't project dependent
-
Identify
During design phase use Pattern Lab to search for component or pattern that fits the needs of your product. If a component or pattern cannot be identified then move towards creating a solution that can be used and foresee any products in the future who can benefit from this. Collaborate and communicate with your fellow designers and engineers to get their perspective and feedback. -
Document
Once a component or pattern has been identified, provide documentation including:- Description
- Usage rules
- Subcomponents (If applicable)
- Accessibility rules
- Wireframes/Screenshots
- Mobile/Responsive behaviour
-
Implement
- Review with Design and UI teams
- Resourced, tested, released by UI team
Note: For durable team developed pattern/component make sure that the necessary code is moved to pattern lab so it can be properly published and archived
Who do I contact about any questions concerning Pattern Lab?
-
Miko Ademagic - Senior Front End Engineer (Sydney)
- e: miko.ademagic@bigcommerce.com
- s: miko
-
Anna Vu - Front End Engineer (San Francisco)
- e: anna.vu@bigcommerce.com
- s: anna.vu
-
Catherine Batacan - Product Design Lead (San Francisco)
- e: catherine.batacan@bigcommerce.com
- s: catherine.batacan
-
Eddie Lou - Engineering Manager (San Francisco)
- e: eddie.lou@bigcommerce.com
- s: edlou
- Slack Channel: #cp-pattern-lab
- Github Repo: http://www.github.com/bigcommerce-labs/bcapp-pattern-lab
- @mention for PRs: @bigcommerce/ui-platform | @bigcommerce-labs/ui-platform