Render props for replacing individual sections of the RoomsList layout.
Remarks
Each render function receives the relevant state and handlers, allowing
complete layout customization while keeping orchestration logic intact.
Dialogs (create, settings, delete) are always rendered internally.
Example
// Replace the grid with a list layout <RoomsList userId="user-123" onStartRoom={handleStart} renderProps={{ renderGrid: ({ rooms, onStart, onSelect }) => ( <List> {rooms.map((room) => ( <ListItemkey={room.alias}onClick={() =>onSelect(room)}> <ListItemTextprimary={room.alias}/> <ButtononClick={() =>onStart(room)}>Start</Button> </ListItem> ))} </List> ), }} />
Render props for replacing individual sections of the RoomsList layout.
Remarks
Each render function receives the relevant state and handlers, allowing complete layout customization while keeping orchestration logic intact. Dialogs (create, settings, delete) are always rendered internally.
Example