Icons
Global Icons
Arrow down
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Loyalty | Program dashboard |
Arrow up
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Loyalty | Program dashboard |
Calendar
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Date picker field | ||
N/A | Loyalty Customers | Customer enrollment date |
Caret down
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Dropdowns, select fields when collapsed | ||
All | Decrement number input fields | ||
All | Date picker fields | ||
All | Table row collapse button |
Caret left
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Date picker fields | ||
All | Overflow tab scroll |
Caret right
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Date picker fields | ||
N/A | All | Table row expand button | |
All | Overflow tab scroll |
Caret up
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Increment number input fields | ||
All | Date picker fields |
Check
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Table icon column | |
N/A | All | Password meets requirements |
Check circle regular
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Loyalty Customers | Tier progression future tier |
Check circle solid
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Loyalty Customer | Survey post answer message | |
N/A | Loyalty Customers | Tier progression previous tier | |
N/A | Loyalty Customers | Tier progression current tier | |
N/A | Marketing | Create flow select indicator |
Chevron down
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Parent navigation items when expanded, collapsibles when expanded | |
N/A | All | Advanced search when expanded, customer segment details when expanded |
Chevron left
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Back links |
Chevron right
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | View more links | |
N/A | All | Parent navigation items when collapsed, collapsibles when collapsed | |
N/A | Loyalty Customers | Advanced search, customer segment details when collapsed |
Circle
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Marketing | Tab error indicator |
Clock
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Time pickers | ||
All | Date time pickers |
Close
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Collapse secondary navigation | |
N/A | All | Close modal | |
N/A | All | Dismiss overlay | |
N/A | All | Clear search, clear filter | |
N/A | All | Clear tag selection | |
N/A | All | Password doesn't meet requirements | |
N/A | Marketing, Events, Customer | Close full page modal |
Copyright
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Log in screens |
Edit
Default State | Disabled State | Product | Use |
---|---|---|---|
Customer | Open and edit note | ||
Messaging | Edit actions |
External link
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | External links | |
N/A | All | Product switcher external links |
Filter
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Toggle filters |
First page
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Table pagination first page |
Last page
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Table pagination last page |
Lock
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Marketing | Visual editor locked section | |
N/A | Messaging | Visual editor locked section |
Menu
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Expand secondary navigation | |
N/A | All | Drag & drop drag handle |
More actions
Default State | Disabled State | Product | Use |
---|---|---|---|
All | More actions dropdown in table |
Next page
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Table pagination next page |
Plus
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Add another text buttons | ||
N/A | Loyalty, Customers, Messaging | Expand customer banner, show transaction details, new folder link action |
Plus circle
Default State | Disabled State | Product | Use |
---|---|---|---|
Events | Custom provider & destination cards | ||
N/A | Events | Add a modifier text button | |
N/A | Messaging | Sequences |
Previous page
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Table pagination previous page |
Product switcher
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Primary navigation product switcher |
Search
Default State | Disabled State | Product | Use |
---|---|---|---|
All | Search field | ||
N/A | All | Search menus, search selects |
Spinner
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Loading state | |
All | In progress state |
Trash
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | Messaging | Trash navigational item in side navigation | |
N/A | Customer | Note | |
N/A | Customer | Rule set |
Warning
Default State | Disabled State | Product | Use |
---|---|---|---|
N/A | All | Warning modals | |
N/A | All | Error messaging |
Status Indicators Guidelines
See the Status Indicator component documentation for guidelines.