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

Event calendar

Render timeline-style calendar views.

Event card

Render single-event cards and variants.