Design system for the app
Cardiff Council Content and design system
www.cardiff.gov.uk
App
viewers
Pdf page viewerMarkdown viewMap Imagepopups
How to: Animate a popupHow to: Create a popupSuccess popup (page removal)Message popupSuccess popup (and or go to new route)pages
Base pageHome pageProcess pageDetails pagelayout
Section headingDividerNoteMarginsError labelHeadingHighlightAlertNotifyAnimationTextStandard header iconsLinksinput
SwitchTime pickerPickerCheckboxText editorMapSearch bar with GPSSearch addressSearch barText entrybuttons
EditCancel buttonVertical transparent buttonVertical inverted buttonTag buttonCarousel buttonCallout button (Main)Vertical buttonNext / Back buttonsClose buttonInfo buttonFull buttonaccessibility
AutomationProperties.IsInAccessibleTreeAutomationProperties.NameAutomationProperties.HelpTextUseful docsApp
© 2025 Copyright Cardiff Council Design System.