AccordionAn accordion is an interactive list that shows and hides sections of related content.
AlertCritical messages that help provide a course of action to find out more.
AvatarA visual identifier that represents profiles, recipients, accounts, cards or businesses.
BadgeA status descriptor to inform users the number of notifications or updates available.
ButtonA trigger used to take actions and make choices, with a single tap.
Bottom sheetUsed in mobile design dialog anchored at the bottom of the screen that expands to display supplementary information.
CardA container that displays related content and associated actions.
CheckboxA checkbox allows the customer to make a binary choice.
Currency pairFinancial amount with specified currency.
Date pickerCalendar display that allows users to select a single or a range of dates and times.
DrawerA side panel anchored to the right of the screen that provides supplementary content in context of the current page.
DropdownA compact way to display a list of options or actions to select from.
Empty stateAn empty state occurs when a screen is not populated with information yet.
Information bannerA general message to provide users more context about a service.
Input fieldAn input control that enables the user to interact with and input content or data.
List itemA group of related content grouped together and organised vertically.
ModalA dialog window that sits on top of the page content, focusing the user’s attention on a task or decision.
NavbarA global navigation element that orients users in the UI and gives them access to application-wide functions.
PopoverA configurable dialog displaying contextual information or quick access to a service.
Promo bannerA prominent message offering users relevant insights or services.
QuicklinksA dynamic menu giving users quick access to top services relevant to the page.
RadioAn input control that can only have one selection within a group of radio buttons.
SelectAn input for choosing one or multiple options in a list.
ShimmerAn animated indicator to show that content on the page is still loading.
SnackbarA temporary notification that appears towards the bottom of the page to acknowledge that an action has been performed.
SwitchA toggle control to switch between two possible states.
TabsOrganised groups of content that allow users to navigate easily between views within the same context.
TagsLabels that categorise or organise items for quick scanning or to draw a user’s attention.
TooltipA short descriptive message that appears when a user hovers or focuses on an element.
UploadAn input for choosing one or more files to upload to a specific location.