Versions Compared

Version Old Version 4 New Version 5
Changes made by

Femi

Femi

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Lead:  Femi

Status
colourYellow
titleongoing

Table of Contents


Description

...

<<use a visual for each sub-section>>

All default browser scroll behaviours are enabled by default. Operating sytem and browser defaults such as scroll inertia, scroll wheel support, gesture support and any user customisations should all behave as factory designed.

General guidelines

<<describes the component, use sub-section when they are relevant to the components>>

...

Expand
titleExample for heading in general

<<use heading 3>>

  • Text (Headings, labels, microcoptymicrocopy, help text Etc..) ( how to write microcopy for that component. For example, in lists the list items must be grammatically parallel and don’t mix active and passive voice etc)
  • Format / structure (describe the objects the component is made of and are optional e.g. search bar in a table) (for search component include - variations, results)(for tabs - Number of tabs)
  • Content (for example, in dropdowns and lists)
  • Length (e.g. length of list)
  • Order (e.g. order of drop down menu)
  • Placement or Positioning (when this is important, e.g. toast message)
  • Internal Logic (when explaining how to use different components inside the current component. For example, when to use radio buttons, checkboxes, and fields in a form)
  • Default section or Default values 

...

<<e.g. Slider should display a .label its on>>

Design

Zeplin linkScreen thumbnail
<<Zeplin Link>><<Screen with 200 width>>
https://zpl.io/bo9RLGX
Image Added

Code

Note

Currently only webkit based web browsers (such as Chrome & Safari) fully support native scrollbar custom styling to the degree required to conform to our visual design guidelines. It is therefore recommended to leave all non webkit browsers at their native scrollbar visual design in order to aid accessibility and consistency, rather than attempting to re-implement scrollbars across each environment. Our implementation below follows this recommendation.

...