Get to version 1

[penx]

This serves as a checklist of what we need to do to get to version 1.

• implement all standard components we're aware of
• example site should show usage of all exported components
• all form components and validation should be working with final form in example site as expected
• collaborator review of all markup/props used by example site
• storybook review
• generate list of all exported components + props (api documentation)
• working usage in an internal tool
• decision on grid tooling decided
• API documentation Generate API.md #64
• Form fields and inputs have a naming convention, documented in the readme, and follow the same prop structure
• asAnchor pattern is consistent, working and compared with how other libraries manage this
  • a common approach for active links (as per react-router NavLink) decided

Conventions are consistent and present in README:

• white space
• anchors
• form fields vs. inputs

[marksy]

implement all standard components we're aware of

i'll start a list of standard components so we're clear what we're considering

[marksy]

• input text
• input radio
• input checkbox
• input file upload
• textarea
• date
• select
• button
• headings (h1, h2 etc)
• panel
• label
• hint text
• error text
• back link
• anchor @link
• alpha banner
• beta banner
• bread crumbs
• contents list
• document footer metadata
• lead/intro paragraph (not sure we need this as its a typography thing)
• company logo
• pagination
• search bar
• icons
• table?
• dropdown?
• loading spinner?
• top banner
• related links
• Body copy
• quote indent / inset text
• Hidden text
• metadata block (footnote reference source)
• Error Summary box
• Warning text
• Main layout container
• taxonimy/sidebar
• Data visualisation

For removal from this list? (Non-standard components)

• tabs?
• modal window?

[penx]

recommendation from Steve on Grid

Export grid from govuk-react as it is based on existing govuk styles, but this is optional and expect parent project to be able to use it's own grid tooling.

[penx]

• top banner, and getting the example site to look like a full GDS page without any additional styles needed

[penx]

tabs: https://reform-pattern-library.herokuapp.com/components/tabs
alphagov/govuk-design-system-backlog#100

[penx]

modal/lightbox: https://govuk-accessibility-sandbox.herokuapp.com/
alphagov/govuk-design-system-backlog#30

[Loque-]

The example site could copy the prototype toolkit? Would help be some form of benchmark/validation target. (See page templates: https://govuk-prototype-kit.herokuapp.com/docs/tutorials-and-examples)