Skip to main content

dyte-poll

A poll component.

Shows a poll where a user can vote.

<dyte-poll id="dyte-el"></dyte-poll>

<script>
const el = document.getElementById('dyte-el');

el.addEventListener('dyteVotePoll', (e) => {
console.log('Voted', e.detail);
});

el.poll = {
id: 'poll-id',
question: 'Have you started using dyte yet?',
options: [
{
text: 'Yes',
votes: [{ id: 'vaibhavs-user-id', name: 'Vaibhav' }],
count: 0,
},
{
text: 'Nope',
votes: [],
count: 0,
},
],
anonymous: false,
hideVotes: false,
createdBy: 'Vaibhav',
createdByUserId: 'vaibhavs-user-id',
voted: [],
};
</script>

Props

poll

required

Poll

Type
Poll

iconPack

Icon pack

Default
defaultIconPack

permissions

Permissions Object

Type
{ readonly acceptWaitingRequests: Readonly<boolean>; readonly requestProduceVideo: Readonly<boolean>; readonly requestProduceAudio: Readonly<boolean>; readonly requestProduceScreenshare: Readonly<boolean>; readonly canAllowParticipantAudio: Readonly<boolean>; readonly canAllowParticipantScreensharing: Readonly<boolean>; readonly canAllowParticipantVideo: Readonly<boolean>; readonly canDisableParticipantAudio: Readonly<boolean>; readonly canDisableParticipantVideo: Readonly<boolean>; readonly kickParticipant: Readonly<boolean>; readonly pinParticipant: Readonly<boolean>; readonly canRecord: Readonly<boolean>; readonly waitingRoomType: Readonly<WaitingRoomTypes>; readonly waitingRoomBehaviour: Readonly<WaitingRoomTypes>; readonly plugins: Readonly<{ canClose: boolean; canStart: boolean; canEditConfig?: boolean; config: any; }>; readonly polls: Readonly<{ canCreate: boolean; canVote: boolean; canView: boolean; }>; readonly produceVideo: Readonly<MediaProductionPermissionType>; readonly requestProduce: Readonly<boolean>; readonly canProduceVideo: Readonly<MediaProductionPermissionType>; readonly produceScreenshare: Readonly<MediaProductionPermissionType>; readonly canProduceScreenshare: Readonly<MediaProductionPermissionType>; readonly produceAudio: Readonly<MediaProductionPermissionType>; readonly canProduceAudio: Readonly<MediaProductionPermissionType>; readonly chatPublic: Readonly<{ canSend: boolean; text: boolean; files: boolean; }>; readonly chatPrivate: Readonly<{ canSend: boolean; canReceive: boolean; text: boolean; files: boolean; }>; readonly connectedMeetings: Readonly<{ canAlterConnectedMeetings: boolean; canSwitchConnectedMeetings: boolean; canSwitchToParentMeeting: boolean; }>; readonly hiddenParticipant: Readonly<boolean>; readonly showParticipantList: Readonly<boolean>; readonly canChangeParticipantRole: Readonly<boolean>; readonly canChangeParticipantPermissions: Readonly<boolean>; readonly canChangeTheme: Readonly<boolean>; readonly canPresent: Readonly<boolean>; readonly acceptPresentRequests: Readonly<boolean>; readonly canEditDisplayName: Readonly<boolean>; readonly maxScreenShareCount: number; readonly isRecorder: Readonly<boolean>; readonly canSpotlight: Readonly<boolean>; readonly canLivestream: Readonly<boolean>; readonly isV2: true; } | { readonly viewType: string; readonly acceptWaitingRequests: Readonly<boolean>; readonly requestProduce: Readonly<boolean>; readonly requestProduceAudio: Readonly<boolean>; readonly requestProduceScreenshare: Readonly<boolean>; readonly canAllowParticipantAudio: Readonly<boolean>; readonly canAllowParticipantScreensharing: Readonly<boolean>; readonly canAllowParticipantVideo: Readonly<boolean>; readonly canDisableParticipantAudio: Readonly<boolean>; readonly canDisableParticipantVideo: Readonly<boolean>; readonly kickParticipant: Readonly<boolean>; readonly pinParticipant: Readonly<boolean>; readonly canRecord: Readonly<boolean>; readonly waitingRoomType: string; readonly waitingRoomBehaviour: Readonly<WaitingRoomType>; readonly plugins: Readonly<{ canClose: boolean; canStart: boolean; canEditAcl: boolean; config: { [key: string]: any; }; }>; readonly polls: Readonly<PollsPermission>; readonly produceVideo: Readonly<{ allow: CanProduceType; quality: string; frameRate: number; }>; readonly canProduceVideo: Readonly<CanProduceType>; readonly produceScreenshare: Readonly<{ allow: CanProduceType; quality: string; frameRate: number; }>; readonly canProduceScreenshare: Readonly<CanProduceType>; readonly produceAudio: Readonly<CanProduceType>; readonly canProduceAudio: Readonly<CanProduceType>; readonly chatPublic: Readonly<{ canSend: boolean; text: boolean; files: boolean; }>; readonly chatPrivate: Readonly<{ canSend: boolean; text: boolean; files: boolean; canReceive?: boolean; }>; readonly connectedMeetings: { canAlterConnectedMeetings: boolean; canSwitchConnectedMeetings: boolean; canSwitchToParentMeeting: boolean; }; readonly reactions: Readonly<boolean>; readonly hiddenParticipant: Readonly<boolean>; readonly showParticipantList: Readonly<boolean>; readonly canChangeParticipantRole: Readonly<boolean>; readonly canChangeTheme: Readonly<boolean>; readonly canPresent: Readonly<boolean>; readonly acceptPresentRequests: Readonly<boolean>; readonly canEditDisplayName: Readonly<boolean>; readonly maxScreenShareCount: number; readonly isRecorder: Readonly<boolean>; readonly canLivestream: Readonly<boolean>; readonly canSpotlight: Readonly<boolean>; readonly isV2: false; }

self

Self ID

Type
string

t

Language

Default
useLanguage()