Skip to main content

Overview

evento-embed-react provides typed, reusable React components for rendering Evento event data.

Installation

npm install evento-embed-react

Quick start

import { EventCalendar, EventCard, EventList } from 'evento-embed-react';

export function App() {
  return (
    <div>
      <EventCalendar username="satoshi" />
      <EventCard eventId="evt_abc123" />
      <EventList username="satoshi" type="upcoming" />
    </div>
  );
}

Shared theming model

interface Theme {
  primary: string;
  background: string;
  text: string;
}
.evento-embed {
  --evento-primary: #000000;
  --evento-background: #ffffff;
  --evento-text: #333333;
  --evento-border-radius: 8px;
  --evento-spacing: 16px;
}

Next steps