K
KoreUI

Rating

Form

Componente de calificación por estrellas con soporte de media estrella, modo readonly y binding con wire:model.

Uso básico

<x-kore::rating wire:model="rating" label="Calificación" />
<x-kore::rating wire:model="rating" label="Calificación" />

Media estrella

Permite seleccionar valores intermedios como 2.5 o 3.5.

<x-kore::rating wire:model="rating" label="Calificación" allow-half />
<x-kore::rating wire:model="rating" label="Calificación" allow-half />

Readonly

Modo de solo lectura para mostrar calificaciones existentes.

<x-kore::rating readonly allow-half value="3.5" />
<x-kore::rating readonly allow-half value="3.5" />

Estrellas personalizadas

Cambia la cantidad total de estrellas.

<x-kore::rating :stars="10" label="Puntuación (de 10)" />
<x-kore::rating :stars="10" label="Puntuación (de 10)" />

Tamaños

Tres tamaños disponibles.

<x-kore::rating label="Small" size="sm" />
<x-kore::rating label="Medium" size="md" />
<x-kore::rating label="Large" size="lg" />
<x-kore::rating label="Small" size="sm" />
<x-kore::rating label="Medium" size="md" />
<x-kore::rating label="Large" size="lg" />

Estados

Disabled, required y error.

<x-kore::rating label="Disabled" disabled />
<x-kore::rating label="Required" required />
<x-kore::rating label="Con error" error="Selecciona una calificación" />
<x-kore::rating label="Disabled" disabled />
<x-kore::rating label="Required" required />
<x-kore::rating label="Con error" error="Selecciona una calificación" />

Props

Prop Tipo Default Descripción
label string|null null Texto de la etiqueta
hint string|null null Texto de ayuda debajo del campo
name string|null null Nombre para detección de errores
error string|null null Mensaje de error manual
size string md Tamaño: sm, md, lg
stars int 5 Número de estrellas
allowHalf bool false Habilitar selección de media estrella
readonly bool false Modo de solo lectura
clearable bool true Permitir limpiar haciendo clic en la estrella seleccionada
disabled bool false Estado deshabilitado
required bool false Campo obligatorio con asterisco
showError bool true Auto-detectar errores del \$errors bag