Appearance
wiz-rating
wiz-rating displays a horizontally aligned set of clickable image-based rating items. It's particularly useful for gathering quick user feedback, such as in email surveys or ratings.
Features:
- Dynamic rating items: displays rating images dynamically using the
itemsproperty. Each item can be customized with an image, link, and text. - Default items: provides a default set of five rating elements.
- Responsive design: adapts to different screen sizes for optimal display.
Learn more about components
Usage
Markup:
<wiz-rating :items="ratingItems"></wiz-rating>Localization:
<i18n>
{
"en": {
"alt1": "Star",
"alt2": "Star",
"alt3": "Star",
"alt4": "Star",
"alt5": "Star"
}
}
</i18n>Properties
The following properties are available:
| Property | Type | Default value | Description |
|---|---|---|---|
componentName | string | Rating | The text label displayed in eWizard Editor |
items | array | [...] | The rating items array. Every item includes the following properties: "link", "image", "alt". |
item
The following properties are available:
| Property | Type | Default value | Description |
|---|---|---|---|
alt | string | Star | The text displayed in the email if the image fails to load. |
image | string | ./media/images/default-image.png | A path to the image for the rating item. |
link | string | https://viseven.com/ | A URL or link target for the rating item. |