# Banner

Source: https://swapcard.dev/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/banner


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>
  );
};

Represents a banner image or video.

```graphql
type Banner {
  imageUrl: String
  embeddedVideo: EmbeddedVideoUnion
}
```

### Fields

#### [<code style={{ fontWeight: 'normal' }}>Banner.<b>imageUrl</b></code>](#)<Bullet />[`String`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/scalars/string.mdx) <Badge class="badge badge--secondary" text="scalar"/> 
The image to be displayed as a banner. If a video is present, the image is displayed as a placeholder for the video.

#### [<code style={{ fontWeight: 'normal' }}>Banner.<b>embeddedVideo</b></code>](#)<Bullet />[`EmbeddedVideoUnion`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/unions/embedded-video-union.mdx) <Badge class="badge badge--secondary" text="union"/> 

### Member Of

[`Event`](/exhibitor/leads-api/graphql-exhibitor-api-schema/types/objects/event.mdx)  <Badge class="badge badge--secondary" text="object"/>