ReviewCard

import { ReviewCard } from "@fanvue/ui";
import type { ReviewCardProps } from "@fanvue/ui";

import { ReviewCard } from "@fanvue/ui";

const SAMPLE_BODY = "Easily plan and organize your content with this app. Streamline your scheduling and management tasks to focus on what yo…";

<ReviewCard rating={4} author="@jane_doe" title="A great app to start!">{SAMPLE_BODY}</ReviewCard>

import { ReviewCard } from "@fanvue/ui";

const SAMPLE_BODY = "Easily plan and organize your content with this app. Streamline your scheduling and management tasks to focus on what yo…";

<ReviewCard rating={5} title="Exactly what I needed">{SAMPLE_BODY}</ReviewCard>

import { ReviewCard } from "@fanvue/ui";

<ReviewCard rating={3} author="@user_123" title="Good, but room to grow." />

import { ReviewCard } from "@fanvue/ui";

<ReviewCard rating={1} author="@user_456" title="Not for me">The idea is solid but it kept crashing on launch. Hoping a future update sorts out the stability issues.</ReviewCard>

import { Divider, ReviewCard } from "@fanvue/ui";

const SAMPLE_BODY = "Easily plan and organize your content with this app. Streamline your scheduling and management tasks to focus on what yo…";

<div className="flex flex-col gap-6">
  <ReviewCard rating={5} author="@jane_doe" title="A great app to start!">
    {SAMPLE_BODY}
  </ReviewCard>
  <Divider />
  <ReviewCard rating={4} author="@sam_smith" title="Really useful">
    {SAMPLE_BODY}
  </ReviewCard>
  <Divider />
  <ReviewCard rating={3} author="@alex_p" title="Does the job">
    {SAMPLE_BODY}
  </ReviewCard>
</div>