Review Component for Astro, Svelte, and React

A clean, responsive, and configurable <Reviews /> component for your existing Astro, Svelte, or React projects. Easily collect reviews from your users by integrating it into your codebase with copy-pasting the relevant component.

This package comes with the following features:

• Multiple framework support: The package includes code for the <Reviews /> component written for Astro, Svelte, and React meaning you’ll get three different implementation with this product, so you can use it with different tech stacks.
• Configurable: Customize every aspect of the appearance of your pricing tables through the props. Set reviews, translations, default sort order, and the information for your submit form:

// Import the relevant component
import { Reviews } from '@components/Reviews.tsx'
import Reviews from '@components/Reviews.svelte'
import Reviews from '@components/Reviews.astro'

// Calling the component
<Reviews
    defaultSortOrder="newest"
    emailPlaceholder="Email"
    reviewPlaceholder="Send us your review"
    reviewScorePlaceholder="How would you rate this product?"
    terms="I have read and accept the <a href='/terms'>terms.</a>"
    ctaLabel="Send Review"
    reviews={[{
        score: 5,
        category: 'documentation',
        review: 'Review content',
        date: '2024 April 12'
    }, { ... }]}
/>

• Easy to style: Styles can be configured via Sass variables through the stylesheet provided with the component.
• Responsive: The layout is fully responsive that adapts perfectly for all device resolutions like mobiles, tablets and desktops.
• Cross-browser support: The component was tested on major browsers (Chrome, Firefox, and Edge) to ensure cross-browser compatibility.