BC Logo

CARD DINÁMICO

BATALLA CULTURAL

INTEGRACIÓN PARA #BARÓMETROBC

ENCUESTA ACTIVA

ROTACIÓN AUTOMÁTICA CON RESULTADOS EN TIEMPO REAL

ENCUESTA ACTIVA

1 de 2

¿Quién quieres que gane las elecciones en Aragón?

¿Quién quieres que gane las elecciones en Aragón?

TOTAL DE VOTOS

175

Partido PSOEVOXAragón EIzquierdSe AcabóEscaños Por un MEntre To0255075100
Partido Popular13%
PSOE2%
VOX52%

SOBRE ESTE CARD

CARACTERÍSTICAS

  • ✓ Rotación automática cada 8 segundos
  • ✓ Resultados en tiempo real
  • ✓ Navegación manual con flechas
  • ✓ Gráficos adaptativos
  • ✓ Diseño responsivo

INTEGRACIÓN

Este card está diseñado para integrarse en #BarómetroBC. Puedes embeber el componente SurveyCard en tu aplicación.

<SurveyCard autoRotate={true} />

OPCIONES

autoRotate: Activar rotación automática

rotateInterval: Intervalo en ms (default: 8000)

compact: Modo compacto (max-width: 24rem)

VOLVER A VOTACIÓN

EJEMPLO DE CÓDIGO

React Component

import { SurveyCard } from '@/components/SurveyCard';

export default function MyPage() {
  return (
    <div>
      <h1>Mi Encuesta</h1>
      <SurveyCard 
        autoRotate={true} 
        rotateInterval={8000}
        compact={false}
      />
    </div>
  );
}

Propiedades

PropiedadTipoDefaultDescripción
autoRotatebooleantrueActivar rotación automática
rotateIntervalnumber8000Intervalo en milisegundos
compactbooleanfalseModo compacto (max-width: 24rem)