Version: 23.10
Icons
Usage
Workspaces apps use Material Icons by Google. You can browse the available icons at Google Fonts > Icons.
The Workspaces configuration has an icon
property wherever you can customise the icon used. The value of the icon
property is a string, a text representation of the icon. To find an icon's text, follow these steps:
- Open your web browser and navigate to Google Fonts > Icons.
- Search for the icon (graphic) you want and select it.
- On the right, you'll see the text representation of the icon. For example, Home is
home
or Check Circle ischeck_circle
. Copy the icon's text. - Add the icon's text to the
icon
property as a string value.
$primaryName: {
label: 'Primary applicant',
icon: 'check_circle',
dataIndex: ["properties['PrimaryName']", "formDataMap['PrimaryName']"],
type: 'text',
sorter: false,
filter: {
type: 'input',
},
},
info
Google may change the icons available or how the appear from one Material Design release to the next. As such, the Material icons imported into a Workspaces project may look different to those you see on the Google Fonts website, while some may not appear at all. If you are having problems displaying a particular icon, try looking for a similar or alternative icon.