# EventPeopleListView

Source: https://swapcard.dev/organizer/content-api/graphql-event-api-schema/objects/event-people-list-view


const [open, setOpen] = useState(startOpen);
  return (
    <details {...(open ? { open: true } : {})} className="details" style={{ border:'none', boxShadow:'none', background:'var(--ifm-background-color)' }}>
      <summary
        onClick={(e) => {
          e.preventDefault();
          setOpen((open) => !open);
        }}
        style={{ listStyle:'none' }}
      >
      {open ? dataOpen : dataClose}
      </summary>
      {open && children}
    </details>
  );
};

No description

```graphql
type EventPeopleListView implements EventViewInterface {
  id: ID!
  name: String
  nameTranslations: [TranslationString!]!
  color: String
  iconUrl: String
  backgroundImageUrl: String
  pageBackgroundUrl: String
  visibilities: [EventViewVisibility!]!
  group: EventGroupView
  defaultSort: EventPeopleListViewSort!
  eventPeopleListViewAggregation: EventPeopleListViewAggregationUnion
  eventPeopleListDisplayFilters: [FieldDefinitionUnion!]!
  eventPeopleListFeaturedFields: [EventPeopleListViewFeaturedFieldUnion!]!
  filterByAvailability: Boolean!
  filterByGroups: [EventGroup!]
  filterByCommunityGroups: [CommunityGroup!]
  filterByIsUser: Boolean
  showRecommendations: Boolean!
  showOnlinePeople: Boolean!
  viewMode: EventPeopleListViewModeEnum!
  profilesListFilters: ProfilesListFilters!
}
```

### Fields

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>id</b></code>](#)<Bullet />[`ID!`](/organizer/content-api/graphql-event-api-schema/scalars/id) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>name</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>nameTranslations</b></code>](#)<Bullet />[`[TranslationString!]!`](/organizer/content-api/graphql-event-api-schema/objects/translation-string) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>color</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>iconUrl</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>backgroundImageUrl</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>pageBackgroundUrl</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>visibilities</b></code>](#)<Bullet />[`[EventViewVisibility!]!`](/organizer/content-api/graphql-event-api-schema/objects/event-view-visibility) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>group</b></code>](#)<Bullet />[`EventGroupView`](/organizer/content-api/graphql-event-api-schema/objects/event-group-view) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>defaultSort</b></code>](#)<Bullet />[`EventPeopleListViewSort!`](/organizer/content-api/graphql-event-api-schema/enums/event-people-list-view-sort) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="enum"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>eventPeopleListViewAggregation</b></code>](#)<Bullet />[`EventPeopleListViewAggregationUnion`](/organizer/content-api/graphql-event-api-schema/unions/event-people-list-view-aggregation-union) <Badge class="badge badge--secondary" text="union"/> 
> 
> 
> How people are grouped in the list.
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>eventPeopleListDisplayFilters</b></code>](#)<Bullet />[`[FieldDefinitionUnion!]!`](/organizer/content-api/graphql-event-api-schema/unions/field-definition-union) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="union"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>eventPeopleListFeaturedFields</b></code>](#)<Bullet />[`[EventPeopleListViewFeaturedFieldUnion!]!`](/organizer/content-api/graphql-event-api-schema/unions/event-people-list-view-featured-field-union) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="union"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>filterByAvailability</b></code>](#)<Bullet />[`Boolean!`](/organizer/content-api/graphql-event-api-schema/scalars/boolean) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>filterByGroups</b></code>](#)<Bullet />[`[EventGroup!]`](/organizer/content-api/graphql-event-api-schema/objects/event-group) <Badge class="badge badge--secondary" text="list"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>filterByCommunityGroups</b></code>](#)<Bullet />[`[CommunityGroup!]`](/organizer/content-api/graphql-event-api-schema/objects/community-group) <Badge class="badge badge--secondary" text="list"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>filterByIsUser</b></code>](#)<Bullet />[`Boolean`](/organizer/content-api/graphql-event-api-schema/scalars/boolean) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>showRecommendations</b></code>](#)<Bullet />[`Boolean!`](/organizer/content-api/graphql-event-api-schema/scalars/boolean) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>showOnlinePeople</b></code>](#)<Bullet />[`Boolean!`](/organizer/content-api/graphql-event-api-schema/scalars/boolean) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>viewMode</b></code>](#)<Bullet />[`EventPeopleListViewModeEnum!`](/organizer/content-api/graphql-event-api-schema/enums/event-people-list-view-mode-enum) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="enum"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>EventPeopleListView.<b>profilesListFilters</b></code>](#)<Bullet />[`ProfilesListFilters!`](/organizer/content-api/graphql-event-api-schema/objects/profiles-list-filters) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

### Interfaces

#### [`EventViewInterface`](/organizer/content-api/graphql-event-api-schema/interfaces/event-view-interface) <Badge class="badge badge--secondary" text="interface"/> 
> 
> 
> 
> 

### Implemented By

[`CommunityView`](/organizer/content-api/graphql-event-api-schema/unions/community-view)  <Badge class="badge badge--secondary" text="union"/><Bullet />[`EventView`](/organizer/content-api/graphql-event-api-schema/unions/event-view)  <Badge class="badge badge--secondary" text="union"/>