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

Search bar with GPS

Allows the user to either search for an address or get their current location using GPS.

How to use this component

Used in conjunction with the map component to be able to search or pinpoint a specific location.


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
<inputs:SearchBarWithGPS GPSClicked="GPS_Clicked" SearchClicked="Search_Clicked" />
  • Text
    • Text that the user has entered
    • Default isĀ String.Empty
  • SearchClicked
    • Invoked if the user clicks the search button in the control/ or on the keyboard
  • GPSClicked
    • Invoked when the user clicks on the GPS button

How should this component look?