Skip to main content

​
Basic usage

import { EventCalendar } from 'evento-embed-react';

export function Calendar() {
  return <EventCalendar username="satoshi" />;
}

​
Advanced usage

import { EventCalendar } from 'evento-embed-react';

export function Calendar() {
  return (
    <EventCalendar
      username="satoshi"
      defaultView="month"
      onEventClick={(event) => console.log('clicked', event)}
      theme={{ primary: '#000000', background: '#ffffff', text: '#333333' }}
    />
  );
}

​
Props

​
username
string
required
Evento username to render events for.
​
defaultView
string
default:"month"
Initial view: month, week, or day.
​
onEventClick
function
Callback signature: (event: Event) => void.
​
theme
object
Theme object with primary, background, and text values.
​
className
string
Additional CSS class names.

​
Notes

  • Supports client rendering and SSR frameworks
  • Works with shared component theme model

​
Next steps

Event card

Render individual event objects in card format.

Event list

Render list feeds with filters and pagination.