Rating

Formulário

Avaliação em estrelas (1 a 5), NPS (0 a 10) ou carinhas. Todas são grupos de rádio, acessíveis por teclado.

Substitui no Brain:fp-ratingfp-rate-npsfp-rate-face

Estrelas, NPS e carinhas

nada provávelmuito provável
"use client";

import { FaceRating, FormField, NpsRating, StarRating } from "@paytime/ui";
import { useState } from "react";

export default function Example() {
  const [stars, setStars] = useState(0);
  const [nps, setNps] = useState<number | null>(null);
  const [face, setFace] = useState<number | null>(null);
  return (
    <div className="flex flex-col gap-6">
      <FormField label={`Avaliação · ${stars} de 5`}>
        <StarRating value={stars} onValueChange={setStars} />
      </FormField>
      <FormField label="Quanto você recomendaria a Paytime?">
        <NpsRating value={nps} onValueChange={setNps} />
      </FormField>
      <FormField label="Como foi o atendimento?">
        <FaceRating value={face} onValueChange={setFace} />
      </FormField>
    </div>
  );
}