# PersonInterface

Source: https://swapcard.dev/organizer/content-api/graphql-event-api-schema/interfaces/person-interface


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
interface PersonInterface {
  id: ID!
  firstName: String!
  lastName: String!
  email: String
  photoUrl: String
  jobTitle: String
  secondJobTitle: String
  organization: String
  tags: [String!]!
  biography: String
  phoneNumber(
    type: PhoneNumberInputType
  ): String
  websiteUrl: String
  address: Address
  socialNetworks: [SocialNetwork!]!
}
```

### Fields

#### [<code style={{ fontWeight: 'normal' }}>PersonInterface.<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' }}>PersonInterface.<b>firstName</b></code>](#)<Bullet />[`String!`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> 

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

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

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

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

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

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

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

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

#### [<code style={{ fontWeight: 'normal' }}>PersonInterface.<b>phoneNumber</b></code>](#)<Bullet />[`String`](/organizer/content-api/graphql-event-api-schema/scalars/string) <Badge class="badge badge--secondary" text="scalar"/> 
> 
> 
> 
> ##### [<code style={{ fontWeight: 'normal' }}>PersonInterface.phoneNumber.<b>type</b></code>](#)<Bullet />[`PhoneNumberInputType`](/organizer/content-api/graphql-event-api-schema/enums/phone-number-input-type) <Badge class="badge badge--secondary" text="enum"/> 
> 
> 
> 
> 

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

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

#### [<code style={{ fontWeight: 'normal' }}>PersonInterface.<b>socialNetworks</b></code>](#)<Bullet />[`[SocialNetwork!]!`](/organizer/content-api/graphql-event-api-schema/objects/social-network) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

### Implemented By

[`Contact`](/organizer/content-api/graphql-event-api-schema/objects/contact)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`User`](/organizer/content-api/graphql-event-api-schema/objects/user)  <Badge class="badge badge--secondary" text="object"/>
