# FieldUnion

Source: https://swapcard.dev/exhibitor/leads-api/graphql-exhibitor-api-schema/unions/field-union


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
union FieldUnion = NumberField | UrlField | MediaField | TextField | LongTextField | SelectField | MultipleSelectField | MultipleTextField | TreeField | DateField
```

### Possible types

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>NumberField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/number-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>UrlField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/url-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>MediaField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/media-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>TextField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/text-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>LongTextField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/long-text-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>SelectField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/select-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>MultipleSelectField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/multiple-select-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>MultipleTextField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/multiple-text-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>TreeField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/tree-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>FieldUnion.<b>DateField</b></code>](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/date-field) <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> 
> 

### Member Of

[`Connection`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/connection)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`EventPerson`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/event-person)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`EventPersonWithEvent`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/event-person-with-event)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`Exhibitor`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/exhibitor)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`ExhibitorWithEvent`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/exhibitor-with-event)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`Product`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/product)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`ProductWithEvent`](/exhibitor/leads-api/graphql-exhibitor-api-schema/objects/product-with-event)  <Badge class="badge badge--secondary" text="object"/>