Skip to main content

​
Overview

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

Event card

Single-event card with compact and detailed variants.

Event list

Feed-style list with filtering and pagination options.

Event calendar

Interactive calendar for user event timelines.

​
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

Event calendar

Props, examples, and callback behavior for calendar views.

Event card

Variants, click handlers, and display controls.

Event list

Filtering, pagination, and feed interactions.

API overview

Understand underlying public and embed API payloads.