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 1390 March 8, 2022
1 1019 March 8, 2022
0 1446 January 14, 2022
1 764 December 13, 2024
0 1232 September 19, 2019
0 718 September 20, 2019
0 1593 September 20, 2019
0 986 September 20, 2019
0 1183 September 19, 2019
0 846 April 7, 2022
0 661 April 13, 2023
0 1633 July 11, 2022
0 1541 August 17, 2022
0 1050 November 14, 2022
4 1996 October 7, 2023
4 1384 February 24, 2020
4 1220 September 2, 2023
0 602 April 11, 2023
0 1795 August 26, 2022
0 1223 November 1, 2022
0 1329 October 19, 2022
0 1891 August 26, 2022
1 1092 July 28, 2022
0 1304 June 29, 2022
0 4774 March 3, 2022
2 4712 April 19, 2022
0 1177 September 1, 2021
0 1063 March 26, 2021
0 1172 October 13, 2021
0 1350 October 13, 2021