Illustration API
API reference docs for the Stash Illustration component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import Illustration from '@leaflink/stash/Illustration.vue';Props
| Name | Type | Default | Description |
|---|---|---|---|
| name | SpotNames | VignetteNames | - | The filename of the icon that should be displayed |
| fillColor | StashPrimaryColorGroup | blue | The fill color for the illustration. This component will use the 400 shade of the color per design's request. Defaults to teal. |
| id | string | 'uniqueId(ll-illustration-)' | |
| size | number | 48 | The size in pixels of the illustration. This number will be used for width and height |
| staticPath | string | '' | Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided. |
| strokeColor | StashPrimaryColor | purple-500 | The color theme for the illustration. This component will use the standard 500 shade of the color. Defaults to purple |
| title | string | '' | Accessible, short-text description for the icon. Not rendered as part of the graphic, but browsers usually display it as a tooltip and screen readers use this. |
| type | IllustrationTypes | IllustrationType.Spot | Type of the illustration |
Slots
None
Events
None