Components

This is a library of UI building blocks that form the basis for our Native Mobile experiences.

Loading items
Backup Library for Camera Attachments
Also referred to as: backup folder, failed upload attachment center, failed captured media uploads
Button
Also referred to as: Mobile functions, Smart buttons
Calendar
Also referred to as: Date picker (in Android)
Chat components
An inventory of essential elements that comprise the Virtual Agent Screen to create an intuitive and cohesive chat experience.
Choice input
Also referred to as: Chip, Tag, Pill, Inline choice field, Capsule, Bubble, Single selection, Multi-selection
Context menu
Also referred to as: menu
Deep links
Also referred to as: hyperlinks
Descriptive elements
Also referred to as: Input description
Empty states
Events List
Also referred to as: Agenda (in Android), List, Events, Event items, Feed
Floating action button
Also referred to as: FAB, Louncher screen quick actions
Footer action
Also referred to as: Footer functions location
Image annotation
Image annotation enables users to edit images by adding text, drawing, and highlighting. It's available across the platform, including the activity stream, attachment functions, and input form screens.
Input actions
Actions menu, 3 dot menu, ellipsis menu, add comment, add attachments
Mobile alerts
Also referred to as: Toast, banner, notification toast banner, overlay messages
Mobile cards
Also referred to as: Mobile view
Mobile pop-up
Also referred to as: Overlay messages
Navigation bar
Also referred to as: tab bar
Navigation menu
Also referred to as: Centerlining and Changeover Flow, Page Navigation, Bottom Sheet, Drawer
Now Assist Q&A Genius Result
ServiceNow AI Lens
Also referred to as: AI Lens
Sidebar
Slider Input
Also referred to as: Numeric Single Slider Input, range input, numeric slider, single slider
Swipe actions
Also referred to as: Swipe gesture, UI Swipe actions configuration, Swipe functions.
Text button
A text button is a minimalistic button that contains text only and leads to a low-priority actions. It is typically used for secondary actions or supplementary options, allowing for a more streamlined and minimalist design. Text buttons help reduce visual clutter and can enhance user experience by providing clear, unobtrusive navigation choices.
Tooltip
Tooltips display brief labels or messages
Top navigation
Also referred to as: Top menu
Write with Now Assist
Also referred to as: NACM, Formerly Now Assist Context Menu