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} />; }
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} />; }
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>
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>