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 | Poll container |
| lm-poll-heading | Poll title styling |
| close-icon | Close button styling |
| lm-poll-creation-body | Poll body container |
| poll-creation-textarea | Poll question input |
| poll-options-container | Options list container |
| poll-options-head-text | Options header text |
| poll-option-wrapper | Option item container |
| poll-option-text-input | Option text input |
| poll-option-remove lm-cursor-pointer | Remove option button |
| poll-option-add-more | Add option button |
| poll-option-add-more-icon | Add option icon |
| add-more-text | Add option text |
| poll-expires-heading | Expiry header text |
| poll-expiry-field | Expiry input field |
| poll-advanced-options-container | Advanced options container |
| poll-advanced-switch-option | Advanced option toggle |
| poll-advanced-option-text | Advanced option text |
| poll-advanced-select-option | Advanced option selector |
| poll-advanced-option-toggle | Advanced option switch |
| poll-create-button | Create poll 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