@livekit/components-js-docs 0.0.2 → 0.0.4

package/generated-docs/core/tokenize.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# tokenize (undefined)
+# tokenize
 
 **Signature:**
 

package/generated-docs/core/trackidentifier.md

@@ -14,4 +14,4 @@ export type TrackIdentifier<T extends Track.Source = Track.Source> =
 
 **References:** [TrackSource](./core/tracksource.md)<!-- -->, [TrackReference](./core/trackreference.md)
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/core/trackobservable.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# trackObservable (undefined)
+# trackObservable
 
 **Signature:**
 

package/generated-docs/core/trackreferencesobservable.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# trackReferencesObservable (undefined)
+# trackReferencesObservable
 
 **Signature:**
 

package/generated-docs/core/updatepages.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# updatePages (undefined)
+# updatePages
 
 Divide the list of elements into pages and and check if pages need updating.
 
@@ -14,4 +14,4 @@ export declare function updatePages<T extends UpdatableItem>(
 ): T[];
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/core/wasclickoutside.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# wasClickOutside (undefined)
+# wasClickOutside
 
 **Signature:**
 

package/generated-docs/react/allowaudioplaybackprops.md

@@ -10,7 +10,7 @@ export interface AllowAudioPlaybackProps extends React.ButtonHTMLAttributes<HTML
 
 **Extends:** React.ButtonHTMLAttributes&lt;HTMLButtonElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 

package/generated-docs/react/audioconferenceprops.md

@@ -10,4 +10,4 @@ export interface AudioConferenceProps extends React.HTMLAttributes<HTMLDivElemen
 
 **Extends:** React.HTMLAttributes&lt;HTMLDivElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/audiotrackprops.md

@@ -10,7 +10,7 @@ export interface AudioTrackProps<T extends HTMLMediaElement = HTMLMediaElement>
 
 **Extends:** React.HTMLAttributes&lt;T&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 

package/generated-docs/react/audiotrackprops.volume.md

@@ -10,4 +10,4 @@ by the default the range is between 0 and 1
 volume?: number;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/audiovisualizerprops.md

@@ -10,7 +10,7 @@ export interface AudioVisualizerProps extends React.HTMLAttributes<SVGElement>
 
 **Extends:** React.HTMLAttributes&lt;SVGElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 

package/generated-docs/react/carouselviewprops.md

@@ -10,7 +10,7 @@ export interface CarouselLayoutProps extends React.HTMLAttributes<HTMLMediaEleme
 
 **Extends:** React.HTMLAttributes&lt;HTMLMediaElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 

package/generated-docs/react/carouselviewprops.orientation.md

@@ -10,4 +10,4 @@ Place the tiles vertically or horizontally next to each other. If undefined orie
 orientation?: 'vertical' | 'horizontal';
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/chatentryprops.entry.md

@@ -10,4 +10,4 @@ The chat massage object to display.
 entry: ReceivedChatMessage;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/chatentryprops.hidename.md

@@ -10,4 +10,4 @@ Hide sender name. Useful when displaying multiple consecutive chat messages from
 hideName?: boolean;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/chatentryprops.hidetimestamp.md

@@ -10,4 +10,4 @@ Hide message timestamp.
 hideTimestamp?: boolean;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/chatentryprops.md

@@ -12,7 +12,7 @@ export interface ChatEntryProps extends React.HTMLAttributes<HTMLLIElement>
 
 **Extends:** React.HTMLAttributes&lt;HTMLLIElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 

package/generated-docs/react/chatentryprops.messageformatter.md

@@ -10,4 +10,4 @@ An optional formatter for the message body.
 messageFormatter?: MessageFormatter;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/chatprops.md

@@ -10,10 +10,12 @@ export interface ChatProps extends React.HTMLAttributes<HTMLDivElement>
 
 **Extends:** React.HTMLAttributes&lt;HTMLDivElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 
 | Property                                                   | Type                                            | Description  |
 | ---------------------------------------------------------- | ----------------------------------------------- | ------------ |
+| [messageDecoder?](./react/chatprops.messagedecoder.md)     | [MessageDecoder](./react/messagedecoder.md)     | _(Optional)_ |
+| [messageEncoder?](./react/chatprops.messageencoder.md)     | [MessageEncoder](./react/messageencoder.md)     | _(Optional)_ |
 | [messageFormatter?](./react/chatprops.messageformatter.md) | [MessageFormatter](./react/messageformatter.md) | _(Optional)_ |

package/generated-docs/react/chatprops.messagedecoder.md

@@ -0,0 +1,9 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## ChatProps.messageDecoder property
+
+**Signature:**
+
+```typescript
+messageDecoder?: MessageDecoder;
+```

package/generated-docs/react/chatprops.messageencoder.md

@@ -0,0 +1,9 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## ChatProps.messageEncoder property
+
+**Signature:**
+
+```typescript
+messageEncoder?: MessageEncoder;
+```

package/generated-docs/react/chattoggleprops.md

@@ -10,4 +10,4 @@ export interface ChatToggleProps extends React.ButtonHTMLAttributes<HTMLButtonEl
 
 **Extends:** React.ButtonHTMLAttributes&lt;HTMLButtonElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/clearpinbuttonprops.md

@@ -10,4 +10,4 @@ export interface ClearPinButtonProps extends React.ButtonHTMLAttributes<HTMLButt
 
 **Extends:** React.ButtonHTMLAttributes&lt;HTMLButtonElement&gt;
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}

package/generated-docs/react/component/audioconference.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# AudioConference (prefab)
+# AudioConference
 
 This component is the default setup of a classic LiveKit audio conferencing app. It provides functionality like switching between participant grid view and focus view.
 
@@ -22,4 +22,4 @@ The component is implemented with other LiveKit components like `FocusContextPro
 <LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}

package/generated-docs/react/component/audiotrack.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# AudioTrack (component)
+# AudioTrack
 
 The AudioTrack component is responsible for rendering participant audio tracks. This component must have access to the participant's context, or alternatively pass it a `Participant` as a property.
 
@@ -18,15 +18,34 @@ import { AudioTrack } from '@livekit/components-react';
 </ParticipantTile>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                                                               | Type                             | Description                                              |
-| -------------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------------------------- |
-| [name?](./react/audiotrackprops.name.md)                                               | string                           | _(Optional)_                                             |
-| [onSubscriptionStatusChanged?](./react/audiotrackprops.onsubscriptionstatuschanged.md) | (subscribed: boolean) =&gt; void | _(Optional)_                                             |
-| [participant?](./react/audiotrackprops.participant.md)                                 | Participant                      | _(Optional)_                                             |
-| [publication?](./react/audiotrackprops.publication.md)                                 | TrackPublication                 | _(Optional)_                                             |
-| [source](./react/audiotrackprops.source.md)                                            | Track.Source                     |                                                          |
-| [volume?](./react/audiotrackprops.volume.md)                                           | number                           | _(Optional)_ by the default the range is between 0 and 1 |
+{% parameter name="source" type="Track.Source" optional=false %}
+{% /parameter %}
+
+{% parameter name="name" type="string" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="onSubscriptionStatusChanged" type="(subscribed: boolean) => void" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="participant" type="Participant" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="publication" type="TrackPublication" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="volume" type="number" optional=true %}
+_(Optional)_ by the default the range is between 0 and 1
+
+{% /parameter %}

package/generated-docs/react/component/audiovisualizer.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# AudioVisualizer (component)
+# AudioVisualizer
 
 ## Import
 
@@ -8,10 +8,11 @@
 import { AudioVisualizer } from '@livekit/components-react';
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 
-| Property                                                    | Type        | Description  |
-| ----------------------------------------------------------- | ----------- | ------------ |
-| [participant?](./react/audiovisualizerprops.participant.md) | Participant | _(Optional)_ |
+{% parameter name="participant" type="Participant" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/carouselview.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# CarouselView (component)
+# CarouselView
 
 The `CarouselLayout` displays a list of tracks horizontally or vertically. Depending on the size of the container, the carousel will display as many tiles as possible and overflows the rest. The CarouselLayout uses the `useVisualStableUpdate` hook to ensure that tile reordering due to track updates is visually stable but still moves the important tiles (speaking participants) to the front.
 
@@ -19,12 +19,17 @@ const tracks = useTracks();
 </CarouselLayout>;
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                                 | Type                                                                             | Description                                                                                                                                         |
-| -------------------------------------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [children](./react/carouselviewprops.children.md)        | React.ReactNode                                                                  |                                                                                                                                                     |
-| [orientation?](./react/carouselviewprops.orientation.md) | 'vertical' \| 'horizontal'                                                       | _(Optional)_ Place the tiles vertically or horizontally next to each other. If undefined orientation is guessed by the dimensions of the container. |
-| [tracks](./react/carouselviewprops.tracks.md)            | [TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\] |                                                                                                                                                     |
+{% parameter name="children" type="React.ReactNode" optional=false %}
+{% /parameter %}
+
+{% parameter name="tracks" type="TrackReferenceOrPlaceholder[]" optional=false %}
+{% /parameter %}
+
+{% parameter name="orientation" type="'vertical' | 'horizontal'" optional=true %}
+_(Optional)_ Place the tiles vertically or horizontally next to each other. If undefined orientation is guessed by the dimensions of the container.
+
+{% /parameter %}

package/generated-docs/react/component/chat.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# Chat (prefab)
+# Chat
 
 The Chat component adds a basis chat functionality to the LiveKit room. The messages are distributed to all participants in the room. Only users who are in the room at the time of dispatch will receive the message.
 
@@ -18,10 +18,21 @@ import { Chat } from '@livekit/components-react';
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                                   | Type                                            | Description  |
-| ---------------------------------------------------------- | ----------------------------------------------- | ------------ |
-| [messageFormatter?](./react/chatprops.messageformatter.md) | [MessageFormatter](./react/messageformatter.md) | _(Optional)_ |
+{% parameter name="messageDecoder" type="MessageDecoder" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="messageEncoder" type="MessageEncoder" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="messageFormatter" type="MessageFormatter" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/chatentry.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ChatEntry (component)
+# ChatEntry
 
 The `ChatEntry` component holds and displays one chat message.
 
@@ -18,13 +18,26 @@ import { ChatEntry } from '@livekit/components-react';
 </Chat>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                                        | Type                                                 | Description                                                                                                    |
-| --------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| [entry](./react/chatentryprops.entry.md)                        | [ReceivedChatMessage](./core/receivedchatmessage.md) | The chat massage object to display.                                                                            |
-| [hideName?](./react/chatentryprops.hidename.md)                 | boolean                                              | _(Optional)_ Hide sender name. Useful when displaying multiple consecutive chat messages from the same person. |
-| [hideTimestamp?](./react/chatentryprops.hidetimestamp.md)       | boolean                                              | _(Optional)_ Hide message timestamp.                                                                           |
-| [messageFormatter?](./react/chatentryprops.messageformatter.md) | [MessageFormatter](./react/messageformatter.md)      | _(Optional)_ An optional formatter for the message body.                                                       |
+{% parameter name="entry" type="ReceivedChatMessage" optional=false %}
+The chat massage object to display.
+
+{% /parameter %}
+
+{% parameter name="hideName" type="boolean" optional=true %}
+_(Optional)_ Hide sender name. Useful when displaying multiple consecutive chat messages from the same person.
+
+{% /parameter %}
+
+{% parameter name="hideTimestamp" type="boolean" optional=true %}
+_(Optional)_ Hide message timestamp.
+
+{% /parameter %}
+
+{% parameter name="messageFormatter" type="MessageFormatter" optional=true %}
+_(Optional)_ An optional formatter for the message body.
+
+{% /parameter %}

package/generated-docs/react/component/chattoggle.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ChatToggle (component)
+# ChatToggle
 
 The ChatToggle component toggles the visibility of the chat component.
 
@@ -18,4 +18,4 @@ import { ChatToggle } from '@livekit/components-react';
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}

package/generated-docs/react/component/clearpinbutton.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ClearPinButton (component)
+# ClearPinButton
 
 The ClearPinButton is a basic html button with the added ability to signal the LiveKitRoom that it should display the grid view again.
 
@@ -22,4 +22,4 @@ This component works only inside a PinContext.
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}

package/generated-docs/react/component/connectionqualityindicator.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ConnectionQualityIndicator (component)
+# ConnectionQualityIndicator
 
 The ConnectionQualityIndicator shows the individual connection quality of a participant.
 
@@ -16,4 +16,4 @@ import { ConnectionQualityIndicator } from '@livekit/components-react';
 <ConnectionQualityIndicator />
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}

package/generated-docs/react/component/connectionstate.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ConnectionState (component)
+# ConnectionState
 
 The ConnectionState component displays the connection status of the room in written form.
 
@@ -18,10 +18,11 @@ import { ConnectionState } from '@livekit/components-react';
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                       | Type | Description                                                                 |
-| ---------------------------------------------- | ---- | --------------------------------------------------------------------------- |
-| [room?](./react/connectionstatusprops.room.md) | Room | _(Optional)_ The room from which the connection status should be displayed. |
+{% parameter name="room" type="Room" optional=true %}
+_(Optional)_ The room from which the connection status should be displayed.
+
+{% /parameter %}

package/generated-docs/react/component/connectionstatetoast.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ConnectionStateToast (component)
+# ConnectionStateToast
 
 ## Import
 
@@ -8,10 +8,11 @@
 import { ConnectionStateToast } from '@livekit/components-react';
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 
-| Property                                           | Type | Description  |
-| -------------------------------------------------- | ---- | ------------ |
-| [room?](./react/connectionstatetoastprops.room.md) | Room | _(Optional)_ |
+{% parameter name="room" type="Room" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/controlbar.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# ControlBar (prefab)
+# ControlBar
 
 The ControlBar prefab component gives the user the basic user interface to control their media devices and leave the room.
 
@@ -22,11 +22,16 @@ This component is build with other LiveKit components like `TrackToggle`<!-- -->
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                           | Type                                                | Description  |
-| -------------------------------------------------- | --------------------------------------------------- | ------------ |
-| [controls?](./react/controlbarprops.controls.md)   | [ControlBarControls](./react/controlbarcontrols.md) | _(Optional)_ |
-| [variation?](./react/controlbarprops.variation.md) | 'minimal' \| 'verbose' \| 'textOnly'                | _(Optional)_ |
+{% parameter name="controls" type="ControlBarControls" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="variation" type="'minimal' | 'verbose' | 'textOnly'" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/disconnectbutton.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# DisconnectButton (component)
+# DisconnectButton
 
 The DisconnectButton is a basic html button with the added ability to disconnect from a LiveKit room. Normally, it is used by end-users to leave a video or audio call.
 
@@ -18,10 +18,11 @@ import { DisconnectButton } from '@livekit/components-react';
 </LiveKitRoom>
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 1} /%}
 
 ## Properties
 
-| Property                                                   | Type    | Description  |
-| ---------------------------------------------------------- | ------- | ------------ |
-| [stopTracks?](./react/disconnectbuttonprops.stoptracks.md) | boolean | _(Optional)_ |
+{% parameter name="stopTracks" type="boolean" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/focuslayout.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# FocusLayout (component)
+# FocusLayout
 
 ## Import
 
@@ -8,11 +8,16 @@
 import { FocusLayout } from '@livekit/components-react';
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 
-| Property                                                              | Type                                                                               | Description  |
-| --------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------ |
-| [onParticipantClick?](./react/focuslayoutprops.onparticipantclick.md) | (evt: [ParticipantClickEvent](./core/participantclickevent.md)<!-- -->) =&gt; void | _(Optional)_ |
-| [track?](./react/focuslayoutprops.track.md)                           | [TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)               | _(Optional)_ |
+{% parameter name="onParticipantClick" type="(evt: ParticipantClickEvent) => void" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="track" type="TrackReferenceOrPlaceholder" optional=true %}
+_(Optional)_
+
+{% /parameter %}

package/generated-docs/react/component/focuslayoutcontainer.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# FocusLayoutContainer (component)
+# FocusLayoutContainer
 
 ## Import
 
@@ -8,11 +8,16 @@
 import { FocusLayoutContainer } from '@livekit/components-react';
 ```
 
-{% partial file="p_usage.md" /%}
+{% partial file="p_usage.md" variables={exampleCount: 0} /%}
 
 ## Properties
 
-| Property                                                           | Type                                       | Description  |
-| ------------------------------------------------------------------ | ------------------------------------------ | ------------ |
-| [focusTrack?](./react/focuslayoutcontainerprops.focustrack.md)     | [TrackReference](./core/trackreference.md) | _(Optional)_ |
-| [participants?](./react/focuslayoutcontainerprops.participants.md) | Array&lt;Participant&gt;                   | _(Optional)_ |
+{% parameter name="focusTrack" type="TrackReference" optional=true %}
+_(Optional)_
+
+{% /parameter %}
+
+{% parameter name="participants" type="Array<Participant>" optional=true %}
+_(Optional)_
+
+{% /parameter %}