Skip to main content

LMMicroPoll

LMMicroPoll is used internally under LMMessage to render poll-type conversation object.

CSS Classnames

ClassnameDescription
lmUserDataUser profile data container
user-profileUser profile section
nameUser name display
infoUser info section
poll-headerHeader section of poll
poll-iconPoll icon display
endsPoll end time display
poll-titlePoll title text
votesVote count display
add-option-to-pollButton to add poll option
optionIndividual poll option
totalVotesTotal votes counter
lm-poll-submitSubmit button for poll
timeTime display element
error-messageError message display
edited-bulletEdit indicator icon
lm-poll-response-add-option-dialogDialog for adding poll option
lm-poll-response-add-option-dialog-headerDialog header section
lm-poll-response-add-option-dialog-header-titleDialog title text
lm-poll-response-add-option-dialog-header-close lm-cursor-pointerClose button for dialog
lm-poll-response-add-option-dialog-bodyDialog content area
lm-poll-response-add-option-dialog-body-textDialog text content
lm-poll-response-add-option-inputInput field for new option
lm-poll-response-add-option-submitSubmit button for new option
lm-voter-tabsTabs for voter list
countsVoter count display
lm-votersList of voters
lm-voter-imgVoter avatar image
lm-voterIndividual voter entry
lm-voter-nameVoter name display

Example

To customise the component with their classnames, Open your base css file and override the styles using the classname

.lm-voter-name {
font-size: 18px;
color: "red";
}

Reference

For reference checkout this file