Web and design

[Pattern] Search and Filter Component This is the category for [Pattern] Search and Filter Component [Pattern] Modular Side Navigation Component Patterns and components that are defined becomes a category on their own with detailed guidelines and examples on how to use them across Canonical cloud products and websites. Team The Web and Design team is led by Peter Mahnke. Vanilla documentation [Pattern] Empty states State zero or the empty state is the moment in the app where there is no data to display in the UI. [Pattern] Mandatory Form Fields This work aims to improve accessibility and resolve inconsistencies around field validation. The way we indicate mandatory fields and the way we deal with erroneous submissions can be made more usable for users with or without assistive technology (AT). [Pattern] Key/Value pair It is a design pattern to list a number of values with their corresponding keys. It’s a component required when listing properties for a complex element in a collection of similarly grouped elements. CLI Guidelines WIP [Pattern] Code snippet Pattern for how we display code to users in the Vanilla framework. [Pattern] Modular Table Component Patterns and components that are defined becomes a category on their own with detailed guidelines and examples on how to use them across Canonical cloud products and websites. [Pattern] Notifications Design a consistent pattern for delivering Notifications to users across our websites, web apps and administrative views. Engage pages The content of topics in this category are displayed at https://ubuntu.com/engage. Patterns (discussions) Propose and discuss repeatable and reusable patterns from the Web and Design team , that are (re)used across Canonical cloud products and websites.