Skip to main content

Basic usage

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

export function List() {
  return <EventList username="satoshi" />;
}

Advanced usage

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

export function List() {
  return (
    <EventList
      username="satoshi"
      type="upcoming"
      limit={10}
      showFilters
      onEventClick={(event) => {
        window.location.href = `https://evento.so/e/${event.slug}`;
      }}
      theme={{ primary: '#000000', background: '#ffffff', text: '#333333' }}
    />
  );
}

Props

username
string
required
Evento username to render events for.
type
string
default:"upcoming"
Filter type: upcoming, past, or profile.
limit
number
default:"20"
Max events returned per request.
showFilters
boolean
default:"false"
Renders built-in filter controls.
onEventClick
function
Callback signature: (event: Event) => void.
theme
object
Theme object with primary, background, and text values.
className
string
Additional CSS class names.

Performance notes

Caching

Built-in request caching reduces repeated API calls.

Tree shaking

Import only the component modules you need.

Next steps