Appearance

IntegrationIcon ​

The IntegrationIcon component allows you to use the logos of our supported integrations in a standardized way.

INFO

The IntegrationIcon component can receive a staticPath prop with a different path for your icons and it's not limited to the staticPath option that is configured in the library installation anymore.

Basic usage ​

vue
<IntegrationIcon name="metrc" />

Size ​

The IntegrationIcon component supports the following sizes:

Small ​

vue
<IntegrationIcon name="metrc" size="small" />

Dense ​

vue
<IntegrationIcon name="metrc" size="dense" />

Standard ​

vue
<IntegrationIcon name="metrc" size="standard" />

Large ​

vue
<IntegrationIcon name="metrc" size="large" />

Collection ​

batchbud
biotrack
blaze
canix
cannveya
cova
distru
dutchie
dynamics365
flourish
flowhub
growflow
maxq
meadow
metrc
quickbooks
roshi
sage-intacct
salesforce
stashstock
xero
zohobooks

Static Path ​

By default, the IntegrationIcon component will use the staticPath option inject by the library to find the spreadsheet.

You can change the base path of this icons passing the staticPath prop to the component itself. This will override the path used by it.

TIP

If nor the icon or the library staticPath is defined, it'll default to /static base path.

vue
<IntegrationIcon name="metrc" static-path="/icons" />

API ​

See the documentation below for a complete reference to all the props and classes available to the components mentioned here.