Skip to content

Iconography

Jump to bottom
Alex Westphal edited this page Aug 20, 2025 · 2 revisions

RT+ makes significant use of icon buttons to make best use of space. Ideally they are self explanatory but we include a list here for reference.

Note: That some icons are used alongside text in lists, this is just for appearances and is not documented here.

List of Icon Buttons

TODO: replace links with images of the icons:

  • ArrowDownAZIcon - In a data-table, indicates that a column is sorted in ascending order.
  • ArrowDownZAIcon - In a data-table, indicates that a column is sorted in descending order.
  • ChevronDownIcon - Indicates content that is currently collapsed and upon clicking, expands the content.
  • ChevronLeftIcon - In a paginated data-table, moves to the previous page (if available).
  • ChevronRightIcon - In a paginated data-table, moves to the next page (if available).
  • ChevronUpIcon - Indicates content that is collapsible and upon clicking, collapses the content.
  • EllipsisVerticalIcon - In a data-table column, it opens the column specific options.
  • InfoIcon - On a card-header it opens the card description.
  • PanelLeftIcon - Toggles the left sidebar.
  • PanelRightIcon - Toggles the right sidebar.
  • PencilIcon
    • On a card-header, it switches the card to edit mode.
    • In a data-table-row, it switches the row to edit mode.
  • PlusIcon - On a card-header for a card that contains a data-table it starts the create-entity process for whatever type of entity is contained in the data-table.
  • RefreshCCWIcon - On a card-header for a card that contains a data-table it refreshes the contents of the data-table by refetching from the server.
  • SaveIcon - On a data-table-row that is currently in Create or Edit mode, it saves the current contents of the row and switches the row to View mode.
  • SettingsIcon - On a card-header for a card that contains a data-table it opens the data-table options.
  • TrashIcon
    • On a card-header it opens up a delete-entity dialog.
    • On a data-table-row it opens a delete-row prompt.
  • XIcon
    • On a dialog it closes the dialog.
    • On a data-table-row that is in Create mode, it cancels the creation and discards the row.
    • On a data-table-row that is in Edit mode, it cancels the edit by restoring the previous row data and setting the row mode to View.

Clone this wiki locally