Focus states, alerts, modal, validation, cards

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

Focus states, alerts, modal, validation, cards #17

Closed pip-chd closed 1 month ago

pip-chd commented 2 months ago

We've tried out a slightly simpler focus state option using a light and dark colour outline in all cases that should work on light and dark backgrounds. Have a look and let us know what you think - if it works it should simplify things as it will not need to be adapted for different backgrounds and for border/no border options.

cloudflare-workers-and-pages[bot] commented 2 months ago

Deploying design-system-test-preview with Cloudflare Pages

Latest commit:	`8a955f5`
Status:	✅ Deploy successful!
Preview URL:	https://d28aeb10.design-system-test-preview.pages.dev
Branch Preview URL:	https://focus-states.design-system-test-preview.pages.dev

View logs