LMPollCreationDialog
LMPollCreationDialog renders the poll-creation dialog UI. It is internally used under LMInput to create poll type conversations. It accepts a prop closeDialog call which will close the poll-creation dialog.
Props
| Property | Type | Description | Optional |
|---|---|---|---|
closeDialog | () => void | Function to close the dialog. | ✔️ |
CSS Classnames
| Classname | Description |
|---|---|
| lm-poll-wrapper | Container or element for lm poll wrapper |
| lm-poll-heading | Container or element for lm poll heading |
| close-icon | Container or element for close icon |
| lm-poll-creation-body | Container or element for lm poll creation body |
| poll-creation-textarea | Container or element for poll creation textarea |
| poll-options-container | Container or element for poll options container |
| poll-options-head-text | Container or element for poll options head text |
| poll-option-wrapper | Container or element for poll option wrapper |
| poll-option-text-input | Container or element for poll option text input |
| poll-option-remove lm-cursor-pointer | Container or element for poll option remove lm cursor pointer |
| poll-option-add-more | Container or element for poll option add more |
| poll-option-add-more-icon | Container or element for poll option add more icon |
| add-more-text | Container or element for add more text |
| poll-expires-heading | Container or element for poll expires heading |
| poll-expiry-field | Container or element for poll expiry field |
| poll-advanced-options-container | Container or element for poll advanced options container |
| poll-advanced-switch-option | Container or element for poll advanced switch option |
| poll-advanced-option-text | Container or element for poll advanced option text |
| poll-advanced-select-option | Container or element for poll advanced select option |
| poll-advanced-option-toggle | Container or element for poll advanced option toggle |
| poll-create-button | Container or element for poll create button |
Example
To customise the component with their classnames, Open your base css file and override the styles using the classname
.add-more-text {
font-size: 18px;
color: "red";
}
Reference
For reference checkout this file