Cardiff Council Content and design system

www.cardiff.gov.uk

App

viewers

Pdf page viewerMarkdown viewMap Image

popups

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 page

layout

Section headingDividerNoteMarginsError labelHeadingHighlightAlertNotifyAnimationTextStandard header iconsLinks

input

SwitchTime pickerPickerCheckboxText editorMapSearch bar with GPSSearch addressSearch barText entry

buttons

EditCancel buttonVertical transparent buttonVertical inverted buttonTag buttonCarousel buttonCallout button (Main)Vertical buttonNext / Back buttonsClose buttonInfo buttonFull button

accessibility

AutomationProperties.IsInAccessibleTreeAutomationProperties.NameAutomationProperties.HelpTextUseful docs

Next / Back buttons

Used to control page navigation backwards and forwards throughought a report / apply process.

How to use this component

Should always be used at the very bottom of the page.


Code Resource


Deprecated: htmlentities(): Passing null to parameter #1 ($string) of type string is deprecated in /home/site/wwwroot/wp-content/themes/huntsman-child/single-mobile.php on line 96
<buttons:NextBack Clicked="" />
  • HasBackButton
    • Used to show/ hide back button
    • Default is true
  • HasContinueButton
    • Used to show/ hide continue button
    • Default is true
  • IsSubmit
    • Used to change the continue button. i.e. Next –> Submit
    • Default is false
  • ClickedCommand
    • Invoked when continue button (next/ submit) is clicked
  • Clicked
    • Invoked when continue button (next/ submit) is clicked
  • BackClicked
    • Invoked when back button is clicked
    • If not set will auto pop the page

How should this component look?