Design System


[Pattern] Notifications Design a consistent pattern for delivering Notifications to users across our websites, web apps and administrative views. [Component] Links The main purpose for links is to navigate users to relevant content. However, in some cases, they are also used as minor actions in a page, such as show less or show more content. They can appear within a copy of the page or as call-to-actions on following relevant content. [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. [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] 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] 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. CLI Guidelines The CLI guidelines are Canonical’s best practices around designing command line tools and console UIs. [Pattern] Search and Filter Component This is the category for [Pattern] Search and Filter Component [Pattern] Code snippet Pattern for how we display code to users in the Vanilla framework.
Topic Replies Views Activity
0 1435 March 8, 2022
1 1033 March 8, 2022
0 1468 January 14, 2022
0 800 September 20, 2019
0 1241 September 19, 2019
0 728 September 20, 2019
0 1627 September 20, 2019
0 997 September 20, 2019
0 1193 September 19, 2019
0 855 April 7, 2022
0 686 April 13, 2023
0 1671 July 11, 2022
0 1549 August 17, 2022
0 1057 November 14, 2022
4 2057 October 7, 2023
4 1391 February 24, 2020
4 1241 September 2, 2023
0 621 April 11, 2023
0 1810 August 26, 2022
0 1241 November 1, 2022
0 1345 October 19, 2022
0 1942 August 26, 2022
1 1102 July 28, 2022
0 1327 June 29, 2022
0 5079 March 3, 2022
2 4784 April 19, 2022
0 1180 September 1, 2021
0 1071 March 26, 2021
0 1181 October 13, 2021
0 1354 October 13, 2021