# LiveStreamComponent

Source: https://swapcard.dev/organizer/content-api/graphql-event-api-schema/objects/live-stream-component


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 LiveStreamComponent {
  availableAt: DateTime!
  availableUntil: DateTime
  stream: EmbeddedVideoUnion!
  isPublic: Boolean!
  isRecorded: Boolean!
  recordings: [LiveStreamRecording!]!
}
```

### Fields

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

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

#### [<code style={{ fontWeight: 'normal' }}>LiveStreamComponent.<b>stream</b></code>](#)<Bullet />[`EmbeddedVideoUnion!`](/organizer/content-api/graphql-event-api-schema/unions/embedded-video-union) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="union"/> 
> 
> 
> 
> 

#### [<code style={{ fontWeight: 'normal' }}>LiveStreamComponent.<b>isPublic</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' }}>LiveStreamComponent.<b>isRecorded</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' }}>LiveStreamComponent.<b>recordings</b></code>](#)<Bullet />[`[LiveStreamRecording!]!`](/organizer/content-api/graphql-event-api-schema/objects/live-stream-recording) <Badge class="badge badge--secondary" text="non-null"/> <Badge class="badge badge--secondary" text="object"/> 
> 
> 
> All recordings of livestream component
> 

### Member Of

[`LiveStreamAwareInterface`](/organizer/content-api/graphql-event-api-schema/interfaces/live-stream-aware-interface)  <Badge class="badge badge--secondary" text="interface"/><Bullet />[`Planning`](/organizer/content-api/graphql-event-api-schema/objects/planning)  <Badge class="badge badge--secondary" text="object"/><Bullet />[`PlanningWithEvent`](/organizer/content-api/graphql-event-api-schema/objects/planning-with-event)  <Badge class="badge badge--secondary" text="object"/>