search

Energy-Saving-Trust / Design-System

A library of reusable components, patterns, and examples that embrace modern product design practices. Additionally, a collection of in-house standards, guidelines, and principles for creating inclusive, user-friendly, and effective products and services.
https://design-system-test-preview.pages.dev
1 stars 0 forks source link

Mobile specific previews needed for these components #47

Closed elisa-est closed 1 month ago

elisa-est commented 1 month ago

I will be adding to this list over the next few days. So far we need to ensure the following have a 'preview' of how the mobile version of the component should display.

  1. Button variant for mobile that stretches full width, for questions or forms
  2. Accordions (font size is reduced in mobile spec)
  3. Need a scaled down Typography sizes for Mobile (applies to multiple components)
  4. Progress indicators (the layout changes in mobile spec)
  5. Tables
  6. Pagination
  7. Header
  8. Footer
  9. Hero
elisa-est commented 1 month ago

We have decided in the short term to just included images of the version on mobile in the documentation for these items versus 'coding' a different mobile preview.

elisa-est commented 1 month ago

Upon further discussion, I agree we do not need mobile preview. However we do want to add the 'preview in a new tab' option. But there's a separate ticket for that. @pip-chd and @bobbyCHD fyi