ChannelListElement

import { WhopElements, Chat, ChannelListElement } from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

function Example() {
  return (
    <WhopElements elements={loadWhop()}>
      <Chat /* options */>
        <ChannelListElement style={{ height: 600 }} />
      </Chat>
    </WhopElements>
  );
}

<div id="chat-channelList" style="height: 600px"></div>
<script src="https://cdn.whop.com/elements/amber/elements.js" data-whop-elements></script>
<script type="module">
  const chat = window.WhopElements().chat.create({ /* options */ });
  chat.create('channelList').mount('#chat-channelList');
</script>