wiz-smiley-rating

The wiz-smiley-rating component is a user-friendly rating widget. It provides and interactive interface for users to express their feelings or feedback using three predefined smiley icons: happy, neutral, and sad.

You can use this component for surveys, feedback forms, or other forms of customer experience tracking.

Key features:

• Displays three smiley icons in a horizontal layout
• Customizable smiley images and associated links
• Responsive design
• Options to override the default smiley images

Learn more about components

• Import and registration
• Property and file types
• Configuration
• Components in eWizard Editor

Usage

Markup:

<wiz-smiley-rating />

This creates the rating widget with default smiley images and links. You can replace the defaults with your required configuration:

<wiz-smiley-rating
        link01="https://happy-feedback.com/"
        link02="https://neutral-feedback.com/"
        link03="https://sad-feedback.com/"
        :images="{
            link01: 'https://example.com/happy.png',
            link02: 'https://example.com/neutral.png',
            link03: 'https://example.com/sad.png',
        }"
/>

Properties

The following properties are available:

Property	Type	Default value	Description
images	object	{}	An object of custom image URLs or paths to override the default smiley icons. Keys must match "link01", "link02", "link03".
link01-03	string	https://viseven.com	URLs for the "Happy" ("link01"), "Neutral" ("link02"), and "Sad" ("link03") smileys. Links the smiley to a target webpage.