Demo

Para probar este Brick deberá utilizar unas credenciales válidas modificando el código.

Seguro de auto

import {COBanner} from '@comparaonline/co-banner/react';
import '@comparaonline/co-banner/css';

const ENVIRONMENT = 'production';

export default function App() {
  const environment = ENVIRONMENT === 'staging' ? 'staging' : 'production';

  const bannerConfig = {
    company: 'compara',
    businessUnit: 'car-insurance',
    countryCode: 'CL',
    environment,
    lang: 'es',
    styles: {
      theme: 'undefined',
      primaryColor: '#E28743'
    },
  }

  return <COBanner {...bannerConfig} />;
}

Open Sandbox

Seguro de viaje

import {COBanner} from '@comparaonline/co-banner/react';
import '@comparaonline/co-banner/css';

const ENVIRONMENT = 'production';

export default function App() {
  const environment = ENVIRONMENT === 'staging' ? 'staging' : 'production';

  const bannerConfig = {
    company: 'compara',
    businessUnit: 'travel-insurance',
    countryCode: 'CL',
    environment,
    lang: 'es',
    styles: {
      theme: 'undefined',
      primaryColor: '#E28743'
    },
  }

  return <COBanner {...bannerConfig} />;
}

Open Sandbox

Seguro de auto (Otros casos de uso)

<!DOCTYPE html>
<html>
  <head>
    <title>My application title</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://bricks.comparaonline.com/co-banner/style.css" />
    <script type="module" defer src="https://bricks.comparaonline.com/co-banner/index.mjs"></script>
    <style>
      body {
        margin: 0;
      }
    </style>
  </head>

  <body>
    <main id="root"></main>
    <script src="./index.js" defer></script>
  </body>
</html>

Open Sandbox

Seguro de viaje (Otros casos de uso)

<!DOCTYPE html>
<html>
  <head>
    <title>My application title</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://bricks.comparaonline.com/co-banner/style.css" />
    <script type="module" defer src="https://bricks.comparaonline.com/co-banner/index.mjs"></script>
    <style>
      body {
        margin: 0;
      }
    </style>
  </head>

  <body>
    <main id="root"></main>
    <script src="./index.js" defer></script>
  </body>
</html>

Open Sandbox

Configuración Uso