Rating Input

Inputs

Star rating picker with custom icon, half-star and read-only support.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/rating-input

Instalação via CLI

$ npx kikitocn add rating-input

Exemplo de uso

Rating InputExample.tsx

import { RatingInput } from "@/components/ui/cn/rating-input/RatingInput";

export function RatingInputExample() {
  return (
    <RatingInput />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`number`	—	Valor controlado
`defaultValue`	`number`	—	Valor inicial
`onChange`	`(value: number) => void`	—	Callback ao selecionar
`max`	`number`	`5`	Número máximo de estrelas
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho das estrelas
`showValue`	`boolean`	`false`	Exibir valor numérico
`disabled`	`boolean`	`false`	Desabilitar interação
`readOnly`	`boolean`	`false`	Somente leitura
`label`	`string`	—	Label do campo
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…