Lobby

Waiting to be let into a call.

SourcePackage @kerf-js/veneer

Preview

tsx

import { state } from '@kerf-js/core'import { Button, Lobby, Row, Text } from '@kerf-js/veneer'export function Waiting() {  const waiting = state(true)  return (    <>      {waiting.value ? (        <Lobby          title="Waiting for Sam Okafor"          onCancel={() => (waiting.value = false)}        >          Sam is running the incident review. You'll get          in as soon as they let you.        </Lobby>      ) : (        <Row gap="related">          <Text subtle>Request cancelled.</Text>          <Button            emphasis="outline"            tone="neutral"            size="sm"            onClick={() => (waiting.value = true)}          >            Ask again          </Button>        </Row>      )}    </>  )}

Installation

npm install @kerf-js/veneer

Usage

tsx

import { Lobby } from '@kerf-js/veneer'

Accessibility

"Asking to join" is a status, so it is read out without taking focus.

API Reference

Prop	Type	Default	Description
`title`	`unknown`	`'Waiting for the host'`	The heading.
`children`	`unknown`	`"We'll chime when it's your turn."`	What happens next.

Event	Type	Default	Description
`onCancel`	`(() => void)`	—	Cancel request was pressed.

RelatedPrejoin Scheduled lobby