User Ratings

The user-ratings component is used to display ratings from your customers on your site.

Usage

<x-user-ratings link="#testimonials" class="">
    <x-slot name="avatars">
        <x-user-ratings.avatar src="https://unsplash.com/photos/rDEOVtE7vOs/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8Mnx8cGVyc29ufGVufDB8fHx8MTcxMzY4NDI1MHww&force=true&w=640" alt="testimonial 1"/>
        <x-user-ratings.avatar src="https://unsplash.com/photos/c_GmwfHBDzk/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8M3x8cGVyc29ufGVufDB8fHx8MTcxMzY4NDI1MHww&force=true&w=640" alt="testimonial 2"/>
        <x-user-ratings.avatar src="https://unsplash.com/photos/QXevDflbl8A/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8NHx8cGVyc29ufGVufDB8fHx8MTcxMzY4NDI1MHww&force=true&w=640" alt="testimonial 3"/>
        <x-user-ratings.avatar src="https://unsplash.com/photos/mjRwhvqEC0U/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8Nnx8cGVyc29ufGVufDB8fHx8MTcxMzY4NDI1MHww&force=true&w=640" alt="testimonial 4"/>
        <x-user-ratings.avatar src="https://unsplash.com/photos/C8Ta0gwPbQg/download?ixid=M3wxMjA3fDB8MXxzZWFyY2h8MTl8fHBlcnNvbnxlbnwwfHx8fDE3MTM2ODQyNTB8MA&force=true&w=640" alt="testimonial 5"/>
    </x-slot>

    {{ __('Join the best SaaS developers who are using SaaSykit to build their SaaS.') }}
</x-user-ratings>

The component accepts the following slot:

avatars: The avatars of the people who gave the ratings. You can pass in as many avatars as you want (x-user-ratings.avatar).

The following attributes can be passed to the user-ratings component:

link: The link to which the user will be redirected when they click on the ratings.
class: Extra classes to customize the look and feel of the component (e.g. text-center).

The text inside the user-ratings component is the description of the ratings and will be displayed below the avatars.

Usage​

Usage