{
"key": "myFont",
"name": "My Font",
"description": "Select a font",
"type": "custom<jims-google-font-vcc>",
"typeOptions": {
"limitChoices": [
"Roboto",
"Lobster",
"Lato"
]
}
}
Users can select a font family from Google Fonts.
The selector shows a formatted text sample for each option.
The VCC supports all font families served by Google Fonts. You can limit the available choices for application usability.
The template provides configuration options for developers to create custom, API-driven selectors by remixing the VCC.
{
"key": "myFont",
"name": "My Font",
"description": "Select a font",
"type": "custom<jims-google-font-vcc>",
"typeOptions": {
"limitChoices": [
"Roboto",
"Lobster",
"Lato"
]
}
}
limitChoices
: Limits the available selections to the items specified in this array.
For examples of how to implement the Google Font VCC and the Web Font Loader library in your application, see the package documentation.
You can remix this VCC to create a custom selector that displays the items returned in an API response. To integrate simple APIs without touching the code, this VCC provides configuration options, including the API key and URL.
Note
|
To use this VCC without modifying the code, the API must support passing the key via URL and must return a valid JSON object. |
For a complete list of configuration options, see the package documentation.