# FieldInterface

Source: https://swapcard.dev/exhibitor/leads-api/graphql-exhibitor-api-schema/types/interfaces/field-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 FieldInterface {
  id: ID!
}
```

### Fields

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

### Implemented By

[`DateField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/date-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`LongTextField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/long-text-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`MediaField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/media-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`MultipleSelectField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/multiple-select-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`MultipleTextField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/multiple-text-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`NumberField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/number-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`SelectField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/select-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`TextField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/text-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`TreeField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/tree-field.mdx)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`UrlField`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/url-field.mdx)  <Badge class="badge badge--secondary" text="object"/>